fix: vercel buildが治らないので、cssは別で読み込んでみる

kspace-trk · kspace-trk · commit 658e597a86c8 · 2025-09-19T16:54:59.000+09:00
diff --git a/dist/module.mjs b/dist/module.mjs
@@ -10,9 +10,6 @@ const module = defineNuxtModule({
   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"));
   }
 });
 
diff --git a/dist/runtime/plugin.js b/dist/runtime/plugin.js
@@ -7,17 +7,14 @@ import TextItem from "./components/panels/TextItem.vue";
 import SectionTextWithLine from "./components/sections/SectionTextWithLine.vue";
 import DashboardContainer from "./components/layouts/DashboardContainer.vue";
 import { defineNuxtPlugin } from "#app";
-export default defineNuxtPlugin({
-  name: "admin-ui-components",
-  setup(nuxtApp) {
-    const prefix = "KS";
-    nuxtApp.vueApp.component(`${prefix}MainButton`, MainButton);
-    nuxtApp.vueApp.component(`${prefix}InputField`, InputField);
-    nuxtApp.vueApp.component(`${prefix}TextareaField`, TextareaField);
-    nuxtApp.vueApp.component(`${prefix}TopHeader`, TopHeader);
-    nuxtApp.vueApp.component(`${prefix}SideHeader`, SideHeader);
-    nuxtApp.vueApp.component(`${prefix}TextItem`, TextItem);
-    nuxtApp.vueApp.component(`${prefix}SectionTextWithLine`, SectionTextWithLine);
-    nuxtApp.vueApp.component(`${prefix}DashboardContainer`, DashboardContainer);
-  }
+export default defineNuxtPlugin((nuxtApp) => {
+  const prefix = "KS";
+  nuxtApp.vueApp.component(`${prefix}MainButton`, MainButton);
+  nuxtApp.vueApp.component(`${prefix}InputField`, InputField);
+  nuxtApp.vueApp.component(`${prefix}TextareaField`, TextareaField);
+  nuxtApp.vueApp.component(`${prefix}TopHeader`, TopHeader);
+  nuxtApp.vueApp.component(`${prefix}SideHeader`, SideHeader);
+  nuxtApp.vueApp.component(`${prefix}TextItem`, TextItem);
+  nuxtApp.vueApp.component(`${prefix}SectionTextWithLine`, SectionTextWithLine);
+  nuxtApp.vueApp.component(`${prefix}DashboardContainer`, DashboardContainer);
 });
diff --git a/dist/runtime/plugin.mjs b/dist/runtime/plugin.mjs
@@ -7,17 +7,14 @@ import TextItem from "./components/panels/TextItem.vue";
 import SectionTextWithLine from "./components/sections/SectionTextWithLine.vue";
 import DashboardContainer from "./components/layouts/DashboardContainer.vue";
 import { defineNuxtPlugin } from "#app";
-export default defineNuxtPlugin({
-  name: "admin-ui-components",
-  setup(nuxtApp) {
-    const prefix = "KS";
-    nuxtApp.vueApp.component(`${prefix}MainButton`, MainButton);
-    nuxtApp.vueApp.component(`${prefix}InputField`, InputField);
-    nuxtApp.vueApp.component(`${prefix}TextareaField`, TextareaField);
-    nuxtApp.vueApp.component(`${prefix}TopHeader`, TopHeader);
-    nuxtApp.vueApp.component(`${prefix}SideHeader`, SideHeader);
-    nuxtApp.vueApp.component(`${prefix}TextItem`, TextItem);
-    nuxtApp.vueApp.component(`${prefix}SectionTextWithLine`, SectionTextWithLine);
-    nuxtApp.vueApp.component(`${prefix}DashboardContainer`, DashboardContainer);
-  }
+export default defineNuxtPlugin((nuxtApp) => {
+  const prefix = "KS";
+  nuxtApp.vueApp.component(`${prefix}MainButton`, MainButton);
+  nuxtApp.vueApp.component(`${prefix}InputField`, InputField);
+  nuxtApp.vueApp.component(`${prefix}TextareaField`, TextareaField);
+  nuxtApp.vueApp.component(`${prefix}TopHeader`, TopHeader);
+  nuxtApp.vueApp.component(`${prefix}SideHeader`, SideHeader);
+  nuxtApp.vueApp.component(`${prefix}TextItem`, TextItem);
+  nuxtApp.vueApp.component(`${prefix}SectionTextWithLine`, SectionTextWithLine);
+  nuxtApp.vueApp.component(`${prefix}DashboardContainer`, DashboardContainer);
 });
diff --git a/src/module.ts b/src/module.ts
@@ -16,10 +16,5 @@ export default defineNuxtModule<ModuleOptions>({
 
     // プラグインを追加（コンポーネントのグローバル登録）
     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'))
   },
 })
diff --git a/src/runtime/plugin.ts b/src/runtime/plugin.ts
@@ -10,19 +10,16 @@ import DashboardContainer from './components/layouts/DashboardContainer.vue'
 
 import { defineNuxtPlugin } from '#app'
 
-export default defineNuxtPlugin({
-  name: 'admin-ui-components',
-  setup(nuxtApp) {
-    const prefix = 'KS'
+export default defineNuxtPlugin((nuxtApp) => {
+  const prefix = 'KS'
 
-    // コンポーネントをグローバル登録
-    nuxtApp.vueApp.component(`${prefix}MainButton`, MainButton)
-    nuxtApp.vueApp.component(`${prefix}InputField`, InputField)
-    nuxtApp.vueApp.component(`${prefix}TextareaField`, TextareaField)
-    nuxtApp.vueApp.component(`${prefix}TopHeader`, TopHeader)
-    nuxtApp.vueApp.component(`${prefix}SideHeader`, SideHeader)
-    nuxtApp.vueApp.component(`${prefix}TextItem`, TextItem)
-    nuxtApp.vueApp.component(`${prefix}SectionTextWithLine`, SectionTextWithLine)
-    nuxtApp.vueApp.component(`${prefix}DashboardContainer`, DashboardContainer)
-  },
+  // コンポーネントをグローバル登録（同期的に実行）
+  nuxtApp.vueApp.component(`${prefix}MainButton`, MainButton)
+  nuxtApp.vueApp.component(`${prefix}InputField`, InputField)
+  nuxtApp.vueApp.component(`${prefix}TextareaField`, TextareaField)
+  nuxtApp.vueApp.component(`${prefix}TopHeader`, TopHeader)
+  nuxtApp.vueApp.component(`${prefix}SideHeader`, SideHeader)
+  nuxtApp.vueApp.component(`${prefix}TextItem`, TextItem)
+  nuxtApp.vueApp.component(`${prefix}SectionTextWithLine`, SectionTextWithLine)
+  nuxtApp.vueApp.component(`${prefix}DashboardContainer`, DashboardContainer)
 })

Original file line number	Diff line number	Diff line change
`@@ -10,9 +10,6 @@ const module = defineNuxtModule({`
`10`	`10`	`setup(_options, nuxt) {`
`11`	`11`	`const resolver = createResolver(import.meta.url);`
`12`	`12`	`addPlugin(resolver.resolve("./runtime/plugin"));`
`13`		`- nuxt.options.css = nuxt.options.css \|\| [];`
`14`		`- nuxt.options.css.push(resolver.resolve("./runtime/assets/css/reset.css"));`
`15`		`- nuxt.options.css.push(resolver.resolve("./runtime/assets/css/fonts/mplus-1p.css"));`
`16`	`13`	`}`
`17`	`14`	`});`
`18`	`15`