Update to 1.0.6

- refactor: raw html to b-row, b-col, b-card, b-button components
- fix: Cards.vue: change variant="accent- to class="card-accent-
- refactor: Modal's ok-button variants
- refactor: forms with validation feedback
- update: bootstrap-vue to 1.1.0
- update: to vue: 2.5.6

Vue_Starter/src/components/Sidebar.vue

@@ -10,7 +10,7 @@
             <SidebarNavTitle :name="item.name" :classes="item.class" :wrapper="item.wrapper"/>
           </template>
           <template v-else-if="item.divider">
-            <li class="divider"></li>
+            <SidebarNavDivider :classes="item.class"/>
           </template>
           <template v-else>
             <template v-if="item.children">
@@ -52,6 +52,7 @@ import SidebarFooter from './SidebarFooter'
 import SidebarForm from './SidebarForm'
 import SidebarHeader from './SidebarHeader'
 import SidebarMinimizer from './SidebarMinimizer'
+import SidebarNavDivider from './SidebarNavDivider'
 import SidebarNavDropdown from './SidebarNavDropdown'
 import SidebarNavLink from './SidebarNavLink'
 import SidebarNavTitle from './SidebarNavTitle'
@@ -70,6 +71,7 @@ export default {
     SidebarForm,
     SidebarHeader,
     SidebarMinimizer,
+    SidebarNavDivider,
     SidebarNavDropdown,
     SidebarNavLink,
     SidebarNavTitle,

Vue_Starter/src/components/SidebarNavDivider.vue

@@ -0,0 +1,26 @@
+<template>
+  <li :class="classList"></li>
+</template>
+
+<script>
+  export default {
+    name: 'sidebar-nav-divider',
+    props: {
+      classes: {
+        type: String,
+        default: ''
+      }
+    },
+    computed: {
+      classList () {
+        return [
+          'divider',
+          ...this.itemClasses
+        ]
+      },
+      itemClasses () {
+        return this.classes ? this.classes.split(' ') : ''
+      }
+    }
+  }
+</script>

Vue_Starter/src/components/SidebarNavLink.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="linkExternal">
+  <div v-if="isExternalLink">
     <a :href="url" :class="classList">
       <i :class="icon"></i> {{name}}
       <b-badge v-if="badge && badge.text" :variant="badge.variant">{{badge.text}}</b-badge>
@@ -14,8 +14,6 @@
 </template>
 
 <script>
-  import isExternal from 'is-url-external'
-
   export default {
     name: 'sidebar-nav-link',
     props: {
@@ -38,20 +36,32 @@
       variant: {
         type: String,
         default: ''
+      },
+      classes: {
+        type: String,
+        default: ''
       }
     },
     computed: {
       classList () {
         return [
           'nav-link',
-          this.linkVariant
+          this.linkVariant,
+          ...this.itemClasses
         ]
       },
       linkVariant () {
         return this.variant ? `nav-link-${this.variant}` : ''
       },
-      linkExternal () {
-        return isExternal(this.url)
+      itemClasses () {
+        return this.classes ? this.classes.split(' ') : []
+      },
+      isExternalLink () {
+        if (this.url.substring(0, 4) === 'http') {
+          return true
+        } else {
+          return false
+        }
       }
     }
   }