feat(nuxt): auto-imports new tabs component

gitsindonesia · May 29, 2023 · ff103dc · ff103dc
1 parent ca2a342
commit ff103dc
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 3 deletions.
diff --git a/packages/nuxt/playground/pages/index.vue b/packages/nuxt/playground/pages/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import {defaultColors} from '@morpheme/theme/defaultTheme';
+import {tabVariants} from '@morpheme/tabs'
 
 useHead({
   title: 'Morpheme UI Playground',
@@ -312,9 +313,22 @@ const timelineItems = [
         ]"
       />
 
-      <VTabs>
-        <VTabsSlider />
-      </VTabs>
+      <VTabGroup
+        v-for="variant in tabVariants"
+        :key="variant"
+        :variant="variant"
+      >
+        <VTabList>
+          <VTabItem>Tab 1</VTabItem>
+          <VTabItem>Tab 2</VTabItem>
+          <VTabItem>Tab 3</VTabItem>
+        </VTabList>
+        <VTabPanels>
+          <VTabPanel>Content 1</VTabPanel>
+          <VTabPanel>Content 2</VTabPanel>
+          <VTabPanel>Content 3</VTabPanel>
+        </VTabPanels>
+      </VTabGroup>
     </div>
 
     <hr class="dark:border-neutral-700" />

diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts
@@ -323,6 +323,26 @@ const components: AddComponentOptions[] = [
     name: 'VTabsSlider',
     filePath: '@morpheme/tabs/src/VTabsSlider.vue',
   },
+  {
+    name: 'VTabGroup',
+    filePath: '@morpheme/tabs/src/VTabGroup.vue',
+  },
+  {
+    name: 'VTabList',
+    filePath: '@morpheme/tabs/src/VTabList.vue',
+  },
+  {
+    name: 'VTabItem',
+    filePath: '@morpheme/tabs/src/VTabItem.vue',
+  },
+  {
+    name: 'VTabPanels',
+    filePath: '@morpheme/tabs/src/VTabPanels.vue',
+  },
+  {
+    name: 'VTabPanel',
+    filePath: '@morpheme/tabs/src/VTabPanel.vue',
+  },
   {
     name: 'VToast',
     filePath: '@morpheme/toast/src/VToast.vue',