fix(nuxt): load required styles when not using CSS or SASS bundle

gitsindonesia · Jan 17, 2023 · 452e3f9 · 452e3f9
1 parent 15dfda7
commit 452e3f9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/nuxt/playground/nuxt.config.ts b/packages/nuxt/playground/nuxt.config.ts
@@ -3,8 +3,5 @@ import GitsUIModule from '..';
 export default defineNuxtConfig({
   modules: [GitsUIModule, '@nuxtjs/tailwindcss'],
   ssr: false,
-  gitsUi: {
-    css: true,
-    sass: false,
-  },
+  gitsUi: {},
 });
diff --git a/packages/nuxt/src/module.ts b/packages/nuxt/src/module.ts
@@ -356,6 +356,13 @@ export default defineNuxtModule<ModuleOptions>({
       nuxt.options.css.push('@gits-id/ui/styles.scss');
     }
 
+    // load required styles when not using css bundle and not using sass bundle
+    if (!options.css && !options.sass) {
+      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');
+    }
+
     // load floating-vue styles
     if (options.loadFloatingVueStyles) {
       nuxt.options.css.push('floating-vue/dist/style.css');