fix(Sidebar): missing slots *Footer/*Form/*Header

Author: xidedix

src/components/Sidebar/SidebarFooter.vue

@@ -1,11 +1,16 @@
-/* eslint-disable */
 <template>
-  <div></div>
-  <!--<div class="sidebar-footer"></div>-->
+  <div v-if="hasSlotDefault" class="sidebar-footer">
+    <slot></slot>
+  </div>
 </template>
 
 <script>
 export default {
-  name: 'sidebar-footer'
+  name: 'sidebar-footer',
+  computed: {
+    hasSlotDefault() {
+      return !!this.$slots.default;
+    }
+  }
 }
 </script>

src/components/Sidebar/SidebarForm.vue

@@ -1,11 +1,16 @@
-/* eslint-disable */
 <template>
-  <div></div>
-  <!-- <div class="sidebar-form"></div> -->
+  <div v-if="hasSlotDefault" class="sidebar-form">
+    <slot></slot>
+  </div>
 </template>
 <script>
 
 export default {
-  name: 'sidebar-form'
+  name: 'sidebar-form',
+  computed: {
+    hasSlotDefault() {
+      return !!this.$slots.default;
+    }
+  }
 }
 </script>

src/components/Sidebar/SidebarHeader.vue

@@ -1,11 +1,16 @@
-/* eslint-disable */
 <template>
-  <div></div>
-  <!-- <div class="sidebar-header"></div> -->
+  <div v-if="hasSlotDefault" class="sidebar-header">
+    <slot></slot>
+  </div>
 </template>
 <script>
 
 export default {
-  name: 'sidebar-header'
+  name: 'sidebar-header',
+  computed: {
+    hasSlotDefault() {
+      return !!this.$slots.default;
+    }
+  }
 }
 </script>