update: vuejs-templates/webpack to 1.3.1

Vue_Full_Project/src/components/Breadcrumb.vue

@@ -1,6 +1,6 @@
 <template>
   <ol class="breadcrumb">
-    <li class="breadcrumb-item" v-for="(item, index) in list">
+    <li class="breadcrumb-item" :key="index" v-for="(item, index) in list">
       <span class="active" v-if="isLast(index)">{{ showName(item) }}</span>
       <router-link :to="item" v-else>{{ showName(item) }}</router-link>
     </li>

Vue_Full_Project/src/components/Header/Header.vue

@@ -31,30 +31,30 @@
   </header>
 </template>
 <script>
-  import HeaderDropdown from './HeaderDropdown.vue'
+import HeaderDropdown from './HeaderDropdown.vue'
 
-  export default {
-    name: 'c-header',
-    components: {
-      HeaderDropdown
+export default {
+  name: 'c-header',
+  components: {
+    HeaderDropdown
+  },
+  methods: {
+    sidebarToggle (e) {
+      e.preventDefault()
+      document.body.classList.toggle('sidebar-hidden')
     },
-    methods: {
-      sidebarToggle (e) {
-        e.preventDefault()
-        document.body.classList.toggle('sidebar-hidden')
-      },
-      sidebarMinimize (e) {
-        e.preventDefault()
-        document.body.classList.toggle('sidebar-minimized')
-      },
-      mobileSidebarToggle (e) {
-        e.preventDefault()
-        document.body.classList.toggle('sidebar-mobile-show')
-      },
-      asideToggle (e) {
-        e.preventDefault()
-        document.body.classList.toggle('aside-menu-hidden')
-      }
+    sidebarMinimize (e) {
+      e.preventDefault()
+      document.body.classList.toggle('sidebar-minimized')
+    },
+    mobileSidebarToggle (e) {
+      e.preventDefault()
+      document.body.classList.toggle('sidebar-mobile-show')
+    },
+    asideToggle (e) {
+      e.preventDefault()
+      document.body.classList.toggle('aside-menu-hidden')
     }
   }
+}
 </script>

Vue_Full_Project/src/components/Header/HeaderDropdown.vue

@@ -19,11 +19,10 @@
       </b-nav-item-dropdown>
 </template>
 <script>
-  export default {
-    name: 'header-dropdown',
-    data: () => {
-      return { itemsCount: 42 }
-    }
+export default {
+  name: 'header-dropdown',
+  data: () => {
+    return { itemsCount: 42 }
   }
+}
 </script>
-

Vue_Full_Project/src/components/Sidebar/Sidebar.vue

@@ -7,29 +7,29 @@
       <ul class="nav">
         <template v-for="(item, index) in navItems">
           <template v-if="item.title">
-            <SidebarNavTitle :name="item.name" :classes="item.class" :wrapper="item.wrapper"/>
+            <SidebarNavTitle :key="index" :name="item.name" :classes="item.class" :wrapper="item.wrapper"/>
           </template>
           <template v-else-if="item.divider">
-            <SidebarNavDivider :classes="item.class"/>
+            <SidebarNavDivider :key="index" :classes="item.class"/>
           </template>
           <template v-else-if="item.label">
-            <SidebarNavLabel :name="item.name" :url="item.url" :icon="item.icon" :label="item.label" :classes="item.class"/>
+            <SidebarNavLabel :key="index" :name="item.name" :url="item.url" :icon="item.icon" :label="item.label" :classes="item.class"/>
           </template>
           <template v-else>
             <template v-if="item.children">
               <!-- First level dropdown -->
-              <SidebarNavDropdown :name="item.name" :url="item.url" :icon="item.icon">
-                <template v-for="(childL1, index) in item.children">
+              <SidebarNavDropdown :key="index" :name="item.name" :url="item.url" :icon="item.icon">
+                <template v-for="(childL1, index1) in item.children">
                   <template v-if="childL1.children">
                     <!-- Second level dropdown -->
-                    <SidebarNavDropdown :name="childL1.name" :url="childL1.url" :icon="childL1.icon">
-                      <li class="nav-item" v-for="(childL2, index) in childL1.children">
+                    <SidebarNavDropdown :key="index1" :name="childL1.name" :url="childL1.url" :icon="childL1.icon">
+                      <li class="nav-item" :key="index2" v-for="(childL2, index2) in childL1.children">
                         <SidebarNavLink :name="childL2.name" :url="childL2.url" :icon="childL2.icon" :badge="childL2.badge" :variant="item.variant"/>
                       </li>
                     </SidebarNavDropdown>
                   </template>
                   <template v-else>
-                    <SidebarNavItem :classes="item.class">
+                    <SidebarNavItem :key="index1" :classes="item.class">
                       <SidebarNavLink :name="childL1.name" :url="childL1.url" :icon="childL1.icon" :badge="childL1.badge" :variant="item.variant"/>
                     </SidebarNavItem>
                   </template>
@@ -37,7 +37,7 @@
               </SidebarNavDropdown>
             </template>
             <template v-else>
-              <SidebarNavItem :classes="item.class">
+              <SidebarNavItem :key="index" :classes="item.class">
                 <SidebarNavLink :name="item.name" :url="item.url" :icon="item.icon" :badge="item.badge" :variant="item.variant"/>
               </SidebarNavItem>
             </template>

Vue_Full_Project/src/components/Sidebar/SidebarFooter.vue

@@ -1,4 +1,5 @@
 <template>
+  <div></div>
   <!-- <div class="sidebar-footer"></div> -->
 </template>
 <script>

Vue_Full_Project/src/components/Sidebar/SidebarForm.vue

@@ -1,4 +1,5 @@
 <template>
+  <div></div>
   <!-- <div class="sidebar-form"></div> -->
 </template>
 <script>

Vue_Full_Project/src/components/Sidebar/SidebarHeader.vue

@@ -1,4 +1,5 @@
 <template>
+  <div></div>
   <!-- <div class="sidebar-header"></div> -->
 </template>
 <script>

Vue_Full_Project/src/components/Sidebar/SidebarNavDivider.vue

@@ -3,24 +3,24 @@
 </template>
 
 <script>
-  export default {
-    name: 'sidebar-nav-divider',
-    props: {
-      classes: {
-        type: String,
-        default: ''
-      }
+export default {
+  name: 'sidebar-nav-divider',
+  props: {
+    classes: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    classList () {
+      return [
+        'divider',
+        ...this.itemClasses
+      ]
     },
-    computed: {
-      classList () {
-        return [
-          'divider',
-          ...this.itemClasses
-        ]
-      },
-      itemClasses () {
-        return this.classes ? this.classes.split(' ') : ''
-      }
+    itemClasses () {
+      return this.classes ? this.classes.split(' ') : ''
     }
   }
+}
 </script>

Vue_Full_Project/src/components/Sidebar/SidebarNavItem.vue

@@ -5,31 +5,31 @@
 </template>
 
 <script>
-  export default {
-    name: 'sidebar-nav-item',
-    props: {
-      classes: {
-        type: String,
-        default: ''
-      }
+export default {
+  name: 'sidebar-nav-item',
+  props: {
+    classes: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    classList () {
+      return [
+        'nav-item',
+        ...this.itemClasses
+      ]
     },
-    computed: {
-      classList () {
-        return [
-          'nav-item',
-          ...this.itemClasses
-        ]
-      },
-      itemClasses () {
-        return this.classes ? this.classes.split(' ') : ''
-      }
-    },
-    methods: {
-      hideMobile () {
-        if (document.body.classList.contains('sidebar-mobile-show')) {
-          document.body.classList.toggle('sidebar-mobile-show')
-        }
+    itemClasses () {
+      return this.classes ? this.classes.split(' ') : ''
+    }
+  },
+  methods: {
+    hideMobile () {
+      if (document.body.classList.contains('sidebar-mobile-show')) {
+        document.body.classList.toggle('sidebar-mobile-show')
       }
     }
   }
+}
 </script>

Vue_Full_Project/src/components/Sidebar/SidebarNavLabel.vue

@@ -5,55 +5,55 @@
 </template>
 
 <script>
-  import SidebarNavItem from './SidebarNavItem'
-  import SidebarNavLink from './SidebarNavLink'
-  export default {
-    name: 'sidebar-nav-label',
-    components: {
-      SidebarNavItem,
-      SidebarNavLink
+import SidebarNavItem from './SidebarNavItem'
+import SidebarNavLink from './SidebarNavLink'
+export default {
+  name: 'sidebar-nav-label',
+  components: {
+    SidebarNavItem,
+    SidebarNavLink
+  },
+  props: {
+    name: {
+      type: String,
+      default: ''
     },
-    props: {
-      name: {
-        type: String,
-        default: ''
-      },
-      url: {
-        type: String,
-        default: '#'
-      },
-      icon: {
-        type: String,
-        default: 'fa fa-circle'
-      },
-      classes: {
-        type: String,
-        default: ''
-      },
-      label: {
-        type: Object,
-        required: true,
-        default: () => {}
-      }
+    url: {
+      type: String,
+      default: '#'
     },
-    computed: {
-      classList () {
-        const classes = {
-          navItem: ['hidden-cn', ...this.getClasses(this.classes)].join(' '),
-          navLink: 'nav-label',
-          icon: [
-            this.icon ? this.icon : 'fa fa-circle',
-            this.label.variant ? `text-${this.label.variant}` : '',
-            this.label.class ? this.label.class : ''
-          ].join(' ')
-        }
-        return classes
-      }
+    icon: {
+      type: String,
+      default: 'fa fa-circle'
     },
-    methods: {
-      getClasses (classes) {
-        return classes ? classes.split(' ') : []
+    classes: {
+      type: String,
+      default: ''
+    },
+    label: {
+      type: Object,
+      required: true,
+      default: () => {}
+    }
+  },
+  computed: {
+    classList () {
+      const classes = {
+        navItem: ['hidden-cn', ...this.getClasses(this.classes)].join(' '),
+        navLink: 'nav-label',
+        icon: [
+          this.icon ? this.icon : 'fa fa-circle',
+          this.label.variant ? `text-${this.label.variant}` : '',
+          this.label.class ? this.label.class : ''
+        ].join(' ')
       }
+      return classes
+    }
+  },
+  methods: {
+    getClasses (classes) {
+      return classes ? classes.split(' ') : []
     }
   }
+}
 </script>

Vue_Full_Project/src/components/Sidebar/SidebarNavLink.vue

@@ -14,55 +14,55 @@
 </template>
 
 <script>
-  export default {
-    name: 'sidebar-nav-link',
-    props: {
-      name: {
-        type: String,
-        default: ''
-      },
-      url: {
-        type: String,
-        default: ''
-      },
-      icon: {
-        type: String,
-        default: ''
-      },
-      badge: {
-        type: Object,
-        default: () => {}
-      },
-      variant: {
-        type: String,
-        default: ''
-      },
-      classes: {
-        type: String,
-        default: ''
-      }
+export default {
+  name: 'sidebar-nav-link',
+  props: {
+    name: {
+      type: String,
+      default: ''
     },
-    computed: {
-      classList () {
-        return [
-          'nav-link',
-          this.linkVariant,
-          ...this.itemClasses
-        ]
-      },
-      linkVariant () {
-        return this.variant ? `nav-link-${this.variant}` : ''
-      },
-      itemClasses () {
-        return this.classes ? this.classes.split(' ') : []
-      },
-      isExternalLink () {
-        if (this.url.substring(0, 4) === 'http') {
-          return true
-        } else {
-          return false
-        }
+    url: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    badge: {
+      type: Object,
+      default: () => {}
+    },
+    variant: {
+      type: String,
+      default: ''
+    },
+    classes: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    classList () {
+      return [
+        'nav-link',
+        this.linkVariant,
+        ...this.itemClasses
+      ]
+    },
+    linkVariant () {
+      return this.variant ? `nav-link-${this.variant}` : ''
+    },
+    itemClasses () {
+      return this.classes ? this.classes.split(' ') : []
+    },
+    isExternalLink () {
+      if (this.url.substring(0, 4) === 'http') {
+        return true
+      } else {
+        return false
       }
     }
   }
+}
 </script>

Vue_Full_Project/src/components/Sidebar/SidebarNavTitle.vue

@@ -12,31 +12,31 @@
 </template>
 
 <script>
-  export default {
-    props: {
-      name: {
-        type: String,
-        default: ''
-      },
-      classes: {
-        type: String,
-        default: ''
-      },
-      wrapper: {
-        type: Object,
-        default: () => {}
-      }
+export default {
+  props: {
+    name: {
+      type: String,
+      default: ''
     },
-    computed: {
-      classList () {
-        return [
-          'nav-title',
-          ...this.itemClasses
-        ]
-      },
-      itemClasses () {
-        return this.classes ? this.classes.split(' ') : ''
-      }
+    classes: {
+      type: String,
+      default: ''
+    },
+    wrapper: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  computed: {
+    classList () {
+      return [
+        'nav-title',
+        ...this.itemClasses
+      ]
+    },
+    itemClasses () {
+      return this.classes ? this.classes.split(' ') : ''
     }
   }
+}
 </script>