minor changes

Vue_Full_Project/src/components/Sidebar.vue

@@ -5,7 +5,7 @@
       <ul class="nav">
         <li class="nav-item" v-for="(item, index) in navItems">
           <template v-if="item.title">
-            <SidebarNavTitle :name="item.name"/>
+            <SidebarNavTitle :name="item.name" :classes="item.class" :wrapper="item.wrapper"/>
           </template>
           <template v-else-if="item.divider">
             <li class="divider"></li>

Vue_Full_Project/src/components/SidebarNavTitle.vue

@@ -1,6 +1,13 @@
 <template>
-  <li class="nav-title">
-    {{name}}
+  <li class="nav-title" v-bind:class="classes">
+    <template v-if="wrapper && wrapper.element">
+      <component v-bind:is="wrapper.element" v-bind="wrapper.attributes">
+        {{name}}
+      </component>
+    </template>
+    <template v-else>
+      {{name}}
+    </template>
   </li>
 </template>
 
@@ -10,6 +17,14 @@ export default {
     name: {
       type: String,
       default: ''
+    },
+    classes: {
+      type: String,
+      default: ''
+    },
+    wrapper: {
+      type: Object,
+      default: () => {}
     }
   }
 }