update: vuejs-templates/webpack to v1.3.1

src/components/Sidebar/SidebarFooter.vue

@@ -1,3 +1,4 @@
+/* eslint-disable */
 <template>
   <!--<div class="sidebar-footer"></div>-->
 </template>

src/components/Sidebar/SidebarForm.vue

@@ -1,3 +1,4 @@
+/* eslint-disable */
 <template>
   <!-- <div class="sidebar-form"></div> -->
 </template>

src/components/Sidebar/SidebarHeader.vue

@@ -1,3 +1,4 @@
+/* eslint-disable */
 <template>
   <!-- <div class="sidebar-header"></div> -->
 </template>

src/components/Sidebar/SidebarNav.vue

@@ -4,29 +4,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 :key="index2" class="nav-item" 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>
@@ -34,7 +34,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>
@@ -46,30 +46,30 @@
 </template>
 
 <script>
-  import SidebarNavDivider from './SidebarNavDivider'
-  import SidebarNavDropdown from './SidebarNavDropdown'
-  import SidebarNavLink from './SidebarNavLink'
-  import SidebarNavTitle from './SidebarNavTitle'
-  import SidebarNavItem from './SidebarNavItem'
-  import SidebarNavLabel from './SidebarNavLabel'
-  export default {
-    name: 'SidebarNav',
-    props: {
-      navItems: {
-        type: Array,
-        required: true,
-        default: () => []
-      }
-    },
-    components: {
-      SidebarNavDivider,
-      SidebarNavDropdown,
-      SidebarNavLink,
-      SidebarNavTitle,
-      SidebarNavItem,
-      SidebarNavLabel
+import SidebarNavDivider from './SidebarNavDivider'
+import SidebarNavDropdown from './SidebarNavDropdown'
+import SidebarNavLink from './SidebarNavLink'
+import SidebarNavTitle from './SidebarNavTitle'
+import SidebarNavItem from './SidebarNavItem'
+import SidebarNavLabel from './SidebarNavLabel'
+export default {
+  name: 'SidebarNav',
+  props: {
+    navItems: {
+      type: Array,
+      required: true,
+      default: () => []
     }
+  },
+  components: {
+    SidebarNavDivider,
+    SidebarNavDropdown,
+    SidebarNavLink,
+    SidebarNavTitle,
+    SidebarNavItem,
+    SidebarNavLabel
   }
+}
 </script>
 
 <style scoped lang="css">

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>

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>

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>

src/components/Sidebar/SidebarNavLink.vue

@@ -14,61 +14,61 @@
 </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
-        ]
-      },
-      classIcon () {
-        return [
-          'nav-icon',
-          this.icon
-        ]
-      },
-      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
+      ]
+    },
+    classIcon () {
+      return [
+        'nav-icon',
+        this.icon
+      ]
+    },
+    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>

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>

src/components/Sidebar/SidebarToggler.vue

@@ -10,46 +10,46 @@
 </template>
 
 <script>
-  import { sidebarCssClasses, validBreakpoints, checkBreakpoint } from '../../shared/classes'
-  import toggleClasses from '../../shared/toggle-classes'
+import { sidebarCssClasses, validBreakpoints, checkBreakpoint } from '../../shared/classes'
+import toggleClasses from '../../shared/toggle-classes'
 
-  export default {
-    name: 'SidebarToggler',
-    props: {
-      mobile: {
-        type: Boolean,
-        default: false
-      },
-      display: {
-        type: String,
-        default: 'lg'
-      }
+export default {
+  name: 'SidebarToggler',
+  props: {
+    mobile: {
+      type: Boolean,
+      default: false
     },
-    computed: {
-      classList () {
-        return [
-          'navbar-toggler'
-          // 'd-none',
-          // 'd-lg-inline-block'
-        ]
+    display: {
+      type: String,
+      default: 'lg'
+    }
+  },
+  computed: {
+    classList () {
+      return [
+        'navbar-toggler'
+        // 'd-none',
+        // 'd-lg-inline-block'
+      ]
+    }
+  },
+  mounted: function () {
+    this.toggle()
+  },
+  methods: {
+    toggle () {
+      const [display, mobile] = [this.display, this.mobile]
+      let cssClass = sidebarCssClasses[0]
+      if (!mobile && display && checkBreakpoint(display, validBreakpoints)) {
+        cssClass = `sidebar-${display}-show`
       }
+      toggleClasses(cssClass, sidebarCssClasses)
     },
-    mounted: function () {
+    sidebarToggle (e) {
+      e.preventDefault()
       this.toggle()
-    },
-    methods: {
-      toggle () {
-        const [display, mobile] = [this.display, this.mobile]
-        let cssClass = sidebarCssClasses[0]
-        if (!mobile && display && checkBreakpoint(display, validBreakpoints)) {
-          cssClass = `sidebar-${display}-show`
-        }
-        toggleClasses(cssClass, sidebarCssClasses)
-      },
-      sidebarToggle (e) {
-        e.preventDefault()
-        this.toggle()
-      }
     }
   }
+}
 </script>