feat(nuxt): add optionloadDefaultStyles with default true to togg…

…le loading of default styles
gitsindonesia · Jan 17, 2023 · aaa574d · aaa574d
1 parent 452e3f9
commit aaa574d
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 4 deletions.
diff --git a/packages/nuxt/playground/app.vue b/packages/nuxt/playground/app.vue
@@ -8,7 +8,7 @@ const items = Array.from({length: 50}, (_, index) => ({
 </script>
 
 <template>
-  <div class="container mx-auto p-6 space-y-5">
+  <div class="container mx-auto p-6 pb-20 space-y-5">
     <h1 class="text-2xl font-semibold">GITS UI Playground</h1>
 
     <hr />
@@ -77,13 +77,57 @@ const items = Array.from({length: 50}, (_, index) => ({
     <hr />
     <h3 class="text-xl font-semibold">Select</h3>
     <div>
-      <VSelect :items="items" />
+      <!-- <VSelect :items="items" /> -->
     </div>
 
     <hr />
     <h3 class="text-xl font-semibold">Multi Select</h3>
     <div>
       <VMultiSelect :items="items" />
     </div>
+
+    <hr />
+    <h3 class="text-xl font-semibold">Dropdown</h3>
+    <div>
+      <VDropdown
+        :items="[
+          {
+            text: 'Profile',
+            icon: 'mdi-account',
+          },
+          {
+            text: 'Settings',
+            icon: 'mdi-cog',
+          },
+          {
+            text: 'Logout',
+            icon: 'mdi-logout',
+          },
+        ]"
+      />
+    </div>
+
+    <hr />
+    <h3 class="text-xl font-semibold">Menus</h3>
+    <div>
+      <ClientOnly>
+        <VMenus
+          :items="[
+            {
+              text: 'Profile',
+              to: '/',
+            },
+            {
+              text: 'Settings',
+              to: '/',
+            },
+            {
+              text: 'Logout',
+              to: '/',
+            },
+          ]"
+        />
+      </ClientOnly>
+    </div>
   </div>
 </template>
diff --git a/packages/nuxt/playground/nuxt.config.ts b/packages/nuxt/playground/nuxt.config.ts
@@ -2,6 +2,5 @@ import GitsUIModule from '..';
 
 export default defineNuxtConfig({
   modules: [GitsUIModule, '@nuxtjs/tailwindcss'],
-  ssr: false,
   gitsUi: {},
 });
diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts
@@ -319,6 +319,7 @@ export interface ModuleOptions {
   components?: boolean;
   transpileDeps?: boolean;
   loadFloatingVueStyles?: boolean;
+  loadDefaultStyles?: boolean;
 }
 
 export default defineNuxtModule<ModuleOptions>({
@@ -332,6 +333,7 @@ export default defineNuxtModule<ModuleOptions>({
     components: true,
     transpileDeps: true,
     loadFloatingVueStyles: true,
+    loadDefaultStyles: true,
   },
   setup(options, nuxt) {
     const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url));
@@ -357,7 +359,7 @@ export default defineNuxtModule<ModuleOptions>({
     }
 
     // load required styles when not using css bundle and not using sass bundle
-    if (!options.css && !options.sass) {
+    if (!options.css && !options.sass && options.loadDefaultStyles) {
       nuxt.options.css.push('@gits-id/menu/dist/style.css');
       nuxt.options.css.push('@gits-id/tooltip/dist/style.css');
       nuxt.options.css.push('@gits-id/theme/transition.css');