fix: remove tabs and tab component

src/components/GridItem.vue

@@ -1,24 +1,12 @@
 <template>
   <div ref="gridItem" class="vue-grid-item" :class="classObj" :style="style">
     <div class="container">
-      <div class="tabs flex">
-        <div
-          v-for="(tab, tabIdx) in tabs"
-          :key="tabIdx"
-          class="tab flex"
-          :class="activeTab === tabIdx ? 'active' : ''"
-          @click="activeTab = tabIdx"
-        >
-          {{ tab.title }}
-        </div>
-      </div>
       <div
         v-for="(tab, tabIdx) in contentTab"
         :key="tabIdx"
         class="content flex"
       >
-        <!-- {{ tab }} -->
-        <component :is="tab.component"></component>
+        <!-- content can go here -->
       </div>
     </div>
     <span

src/components/examples/Basic.stories.js

@@ -1,6 +1,6 @@
 import Basic from './Basic.vue';
 export default { title: 'Basic' };
-export const asAComponentWithBasicFunctionalities = () => ({
+export const asAComponentWithNoDrag = () => ({
   components: { Basic },
   template: `<Basic/>`,
 });

src/components/examples/Basic.vue

@@ -29,8 +29,6 @@
 <script>
   import GridLayout from '@/components/GridLayout';
   import GridItem from '@/components/GridItem';
-  import Tab2 from '@/components/tabs/Tab2';
-  import Tab4 from '@/components/tabs/Tab4';
   import { defineComponent, ref } from '@vue/composition-api';
   export default defineComponent({
     name: 'Basic',
@@ -46,10 +44,6 @@
           w: 2,
           h: 2,
           i: '0',
-          tabs: [
-            { title: 'Tab2', component: Tab2 },
-            { title: 'Tab4', component: Tab4 },
-          ],
         },
         { x: 2, y: 0, w: 2, h: 4, i: '1' },
         { x: 4, y: 0, w: 2, h: 5, i: '2' },