refactor: CoreUI components

src/components/Sidebar/SidebarNavDropdown.vue

@@ -1,6 +1,6 @@
 <template>
   <router-link tag="li" class="nav-item nav-dropdown" :to="url" disabled>
-    <div class="nav-link nav-dropdown-toggle" @click="handleClick"><i :class="icon"></i> {{name}}</div>
+    <div class="nav-link nav-dropdown-toggle" @click="handleClick"><i :class="classIcon"></i> {{name}}</div>
     <ul class="nav-dropdown-items">
       <slot></slot>
     </ul>
@@ -23,6 +23,14 @@ export default {
       default: ''
     }
   },
+  computed: {
+    classIcon () {
+      return [
+        'nav-icon',
+        this.icon
+      ]
+    }
+  },
   methods: {
     handleClick (e) {
       e.preventDefault()