chore: enhance css import (#5)

* feat: KS prefixを付与する

* feat: indexをmjsで出力するように

* chore: enhance plugin setting

* chore: enhance css import

Author: kspace-trk

dist/module.mjs

@@ -7,9 +7,12 @@ const module = defineNuxtModule({
   },
   // Default configuration options of the Nuxt module
   defaults: {},
-  setup(_options, _nuxt) {
+  setup(_options, nuxt) {
     const resolver = createResolver(import.meta.url);
     addPlugin(resolver.resolve("./runtime/plugin"));
+    nuxt.options.css = nuxt.options.css || [];
+    nuxt.options.css.push(resolver.resolve("./runtime/assets/css/reset.css"));
+    nuxt.options.css.push(resolver.resolve("./runtime/assets/css/fonts/mplus-1p.css"));
   }
 });
 

dist/runtime/plugin.d.ts

@@ -1,4 +1,2 @@
-import './assets/css/reset.css.js';
-import './assets/css/fonts/mplus-1p.css.js';
 declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

dist/runtime/plugin.js

@@ -1,5 +1,3 @@
-import "./assets/css/reset.css";
-import "./assets/css/fonts/mplus-1p.css";
 import MainButton from "./components/buttons/MainButton.vue";
 import InputField from "./components/forms/InputField.vue";
 import TextareaField from "./components/forms/TextareaField.vue";

dist/runtime/plugin.mjs

@@ -1,5 +1,3 @@
-import "./assets/css/reset.css";
-import "./assets/css/fonts/mplus-1p.css";
 import MainButton from "./components/buttons/MainButton.vue";
 import InputField from "./components/forms/InputField.vue";
 import TextareaField from "./components/forms/TextareaField.vue";

src/module.ts

@@ -11,10 +11,15 @@ export default defineNuxtModule<ModuleOptions>({
   },
   // Default configuration options of the Nuxt module
   defaults: {},
-  setup(_options, _nuxt) {
+  setup(_options, nuxt) {
     const resolver = createResolver(import.meta.url)
 
     // プラグインを追加（コンポーネントのグローバル登録）
     addPlugin(resolver.resolve('./runtime/plugin'))
+
+    // CSSファイルをNuxtのCSSに追加（Vercel対応）
+    nuxt.options.css = nuxt.options.css || []
+    nuxt.options.css.push(resolver.resolve('./runtime/assets/css/reset.css'))
+    nuxt.options.css.push(resolver.resolve('./runtime/assets/css/fonts/mplus-1p.css'))
   },
 })

src/runtime/plugin.ts

@@ -1,6 +1,3 @@
-import './assets/css/reset.css'
-import './assets/css/fonts/mplus-1p.css'
-
 // コンポーネントをインポート
 import MainButton from './components/buttons/MainButton.vue'
 import InputField from './components/forms/InputField.vue'