refactor: new project structure

src/components/Sidebar/SidebarNavTitle.vue

@@ -0,0 +1,42 @@
+<template>
+  <li :class="classList">
+    <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>
+
+<script>
+  export default {
+    props: {
+      name: {
+        type: String,
+        default: ''
+      },
+      classes: {
+        type: String,
+        default: ''
+      },
+      wrapper: {
+        type: Object,
+        default: () => {}
+      }
+    },
+    computed: {
+      classList () {
+        return [
+          'nav-title',
+          ...this.itemClasses
+        ]
+      },
+      itemClasses () {
+        return this.classes ? this.classes.split(' ') : ''
+      }
+    }
+  }
+</script>