chore: enhance plugin setting (#4)

* feat: KS prefixを付与する

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

* chore: enhance plugin setting

Author: kspace-trk

dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addPlugin, addImportsDir } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin } from '@nuxt/kit';
 
 const module = defineNuxtModule({
   meta: {
@@ -10,7 +10,6 @@ const module = defineNuxtModule({
   setup(_options, _nuxt) {
     const resolver = createResolver(import.meta.url);
     addPlugin(resolver.resolve("./runtime/plugin"));
-    addImportsDir(resolver.resolve("./runtime/composables"));
   }
 });
 

dist/runtime/plugin.js

@@ -9,14 +9,17 @@ 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((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({
+  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);
+  }
 });

dist/runtime/plugin.mjs

@@ -9,14 +9,17 @@ 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((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({
+  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);
+  }
 });

src/module.ts

@@ -1,4 +1,4 @@
-import { defineNuxtModule, addPlugin, createResolver, addImportsDir } from '@nuxt/kit'
+import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
 
 // Module options TypeScript interface definition
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
@@ -16,8 +16,5 @@ export default defineNuxtModule<ModuleOptions>({
 
     // プラグインを追加（コンポーネントのグローバル登録）
     addPlugin(resolver.resolve('./runtime/plugin'))
-
-    // composablesの自動インポートを設定
-    addImportsDir(resolver.resolve('./runtime/composables'))
   },
 })

src/runtime/plugin.ts

@@ -1,4 +1,3 @@
-// グローバルスタイルをインポート
 import './assets/css/reset.css'
 import './assets/css/fonts/mplus-1p.css'
 
@@ -14,16 +13,19 @@ import DashboardContainer from './components/layouts/DashboardContainer.vue'
 
 import { defineNuxtPlugin } from '#app'
 
-export default defineNuxtPlugin((nuxtApp) => {
-  const prefix = 'KS'
+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)
+    // コンポーネントをグローバル登録
+    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)
+  },
 })