fix(forcebasedlabelplacementi): fix json file path

Author: gywgithub

src/components/ForceBasedLabelPlacementI.vue

@@ -1,19 +1,21 @@
 <template>
   <div>
-    <h2>Force-based label placement</h2>
+    <h2>Force-based label placement I</h2>
     <svg id="viz"></svg>
   </div>
 </template>
 
 <script>
 import * as d3 from 'd3'
 export default {
-  name: 'ForceBasedLabelPlacement',
+  name: 'ForceBasedLabelPlacementI',
   mounted () {
     let width = 1000
     let height = 700
     let color = d3.scaleOrdinal(d3.schemeCategory10)
-    d3.json('http://localhost:8080/json/miserables.json').then(function (graph) {
+    let fileAddress = window.location.origin + '/json/miserables.json'
+    console.log(fileAddress)
+    d3.json(fileAddress).then(function (graph) {
       let label = {
         'nodes': [],
         'links': []

src/views/Examples.vue

@@ -63,6 +63,11 @@
       <v-btn icon>
         <v-icon>mdi-bell</v-icon>
       </v-btn>
+      <v-btn icon>
+        <v-avatar size="36">
+          <span class="white--text subtitle-1">language</span>
+        </v-avatar>
+      </v-btn>
     </v-app-bar>
     <v-content>
       <v-container>
@@ -82,6 +87,7 @@ export default {
     drawer: null,
     itemActive: 0,
     subItemActive: null,
+    language: 'EN',
     items: [
       // {
       //   icon: 'mdi-alpha-b-box-outline',