feat: KS prefixを付与する

build.config.ts

@@ -2,4 +2,15 @@ import { defineBuildConfig } from 'unbuild'
 
 export default defineBuildConfig({
   failOnWarn: false,
+  entries: [
+    // メインモジュール
+    'src/module',
+    // ランタイムファイルを.mjsとして出力
+    {
+      input: 'src/runtime/',
+      outDir: 'dist/runtime',
+      format: 'esm',
+      ext: 'mjs',
+    },
+  ],
 })

dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@kspace-trk/admin-ui-components",
   "configKey": "adminUiComponents",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

dist/runtime/index.d.ts

@@ -1,11 +1,11 @@
-export { default as MainButton } from './components/buttons/MainButton.vue.js';
-export { default as InputField } from './components/forms/InputField.vue.js';
-export { default as TextareaField } from './components/forms/TextareaField.vue.js';
-export { default as TopHeader } from './components/headers/TopHeader.vue.js';
-export { default as SideHeader } from './components/headers/SideHeader.vue.js';
-export { default as TextItem } from './components/panels/TextItem.vue.js';
-export { default as SectionTextWithLine } from './components/sections/SectionTextWithLine.vue.js';
-export { default as DashboardContainer } from './components/layouts/DashboardContainer.vue.js';
+export { default as KSMainButton } from './components/buttons/MainButton.vue.js';
+export { default as KSInputField } from './components/forms/InputField.vue.js';
+export { default as KSTextareaField } from './components/forms/TextareaField.vue.js';
+export { default as KSTopHeader } from './components/headers/TopHeader.vue.js';
+export { default as KSSideHeader } from './components/headers/SideHeader.vue.js';
+export { default as KSTextItem } from './components/panels/TextItem.vue.js';
+export { default as KSSectionTextWithLine } from './components/sections/SectionTextWithLine.vue.js';
+export { default as KSDashboardContainer } from './components/layouts/DashboardContainer.vue.js';
 export * from './types/index.js';
 export declare const CSS_RESET = "./assets/css/reset.css";
 export declare const CSS_FONTS = "./assets/css/fonts/mplus-1p.css";

dist/runtime/index.js

@@ -1,11 +1,11 @@
-export { default as MainButton } from "./components/buttons/MainButton.vue";
-export { default as InputField } from "./components/forms/InputField.vue";
-export { default as TextareaField } from "./components/forms/TextareaField.vue";
-export { default as TopHeader } from "./components/headers/TopHeader.vue";
-export { default as SideHeader } from "./components/headers/SideHeader.vue";
-export { default as TextItem } from "./components/panels/TextItem.vue";
-export { default as SectionTextWithLine } from "./components/sections/SectionTextWithLine.vue";
-export { default as DashboardContainer } from "./components/layouts/DashboardContainer.vue";
+export { default as KSMainButton } from "./components/buttons/MainButton.vue";
+export { default as KSInputField } from "./components/forms/InputField.vue";
+export { default as KSTextareaField } from "./components/forms/TextareaField.vue";
+export { default as KSTopHeader } from "./components/headers/TopHeader.vue";
+export { default as KSSideHeader } from "./components/headers/SideHeader.vue";
+export { default as KSTextItem } from "./components/panels/TextItem.vue";
+export { default as KSSectionTextWithLine } from "./components/sections/SectionTextWithLine.vue";
+export { default as KSDashboardContainer } from "./components/layouts/DashboardContainer.vue";
 export * from "./types/index.js";
 export const CSS_RESET = "./assets/css/reset.css";
 export const CSS_FONTS = "./assets/css/fonts/mplus-1p.css";

dist/runtime/index.mjs

@@ -0,0 +1,11 @@
+export { default as KSMainButton } from "./components/buttons/MainButton.vue";
+export { default as KSInputField } from "./components/forms/InputField.vue";
+export { default as KSTextareaField } from "./components/forms/TextareaField.vue";
+export { default as KSTopHeader } from "./components/headers/TopHeader.vue";
+export { default as KSSideHeader } from "./components/headers/SideHeader.vue";
+export { default as KSTextItem } from "./components/panels/TextItem.vue";
+export { default as KSSectionTextWithLine } from "./components/sections/SectionTextWithLine.vue";
+export { default as KSDashboardContainer } from "./components/layouts/DashboardContainer.vue";
+export * from "./types/index.mjs";
+export const CSS_RESET = "./assets/css/reset.css";
+export const CSS_FONTS = "./assets/css/fonts/mplus-1p.css";

dist/runtime/plugin.js

@@ -10,12 +10,13 @@ import SectionTextWithLine from "./components/sections/SectionTextWithLine.vue";
 import DashboardContainer from "./components/layouts/DashboardContainer.vue";
 import { defineNuxtPlugin } from "#app";
 export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.component("MainButton", MainButton);
-  nuxtApp.vueApp.component("InputField", InputField);
-  nuxtApp.vueApp.component("TextareaField", TextareaField);
-  nuxtApp.vueApp.component("TopHeader", TopHeader);
-  nuxtApp.vueApp.component("SideHeader", SideHeader);
-  nuxtApp.vueApp.component("TextItem", TextItem);
-  nuxtApp.vueApp.component("SectionTextWithLine", SectionTextWithLine);
-  nuxtApp.vueApp.component("DashboardContainer", DashboardContainer);
+  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

@@ -0,0 +1,22 @@
+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";
+import TopHeader from "./components/headers/TopHeader.vue";
+import SideHeader from "./components/headers/SideHeader.vue";
+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);
+});

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kspace-trk/admin-ui-components",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "description": "Admin UI Components for Nuxt",
   "repository": "kspace-trk/admin-ui-components",
   "license": "MIT",

src/runtime/index.ts

@@ -1,12 +1,12 @@
 // コンポーネントをエクスポート
-export { default as MainButton } from './components/buttons/MainButton.vue'
-export { default as InputField } from './components/forms/InputField.vue'
-export { default as TextareaField } from './components/forms/TextareaField.vue'
-export { default as TopHeader } from './components/headers/TopHeader.vue'
-export { default as SideHeader } from './components/headers/SideHeader.vue'
-export { default as TextItem } from './components/panels/TextItem.vue'
-export { default as SectionTextWithLine } from './components/sections/SectionTextWithLine.vue'
-export { default as DashboardContainer } from './components/layouts/DashboardContainer.vue'
+export { default as KSMainButton } from './components/buttons/MainButton.vue'
+export { default as KSInputField } from './components/forms/InputField.vue'
+export { default as KSTextareaField } from './components/forms/TextareaField.vue'
+export { default as KSTopHeader } from './components/headers/TopHeader.vue'
+export { default as KSSideHeader } from './components/headers/SideHeader.vue'
+export { default as KSTextItem } from './components/panels/TextItem.vue'
+export { default as KSSectionTextWithLine } from './components/sections/SectionTextWithLine.vue'
+export { default as KSDashboardContainer } from './components/layouts/DashboardContainer.vue'
 
 // 型定義をエクスポート
 export * from './types'

src/runtime/plugin.ts

@@ -15,13 +15,15 @@ import DashboardContainer from './components/layouts/DashboardContainer.vue'
 import { defineNuxtPlugin } from '#app'
 
 export default defineNuxtPlugin((nuxtApp) => {
+  const prefix = 'KS'
+
   // コンポーネントをグローバル登録
-  nuxtApp.vueApp.component('MainButton', MainButton)
-  nuxtApp.vueApp.component('InputField', InputField)
-  nuxtApp.vueApp.component('TextareaField', TextareaField)
-  nuxtApp.vueApp.component('TopHeader', TopHeader)
-  nuxtApp.vueApp.component('SideHeader', SideHeader)
-  nuxtApp.vueApp.component('TextItem', TextItem)
-  nuxtApp.vueApp.component('SectionTextWithLine', SectionTextWithLine)
-  nuxtApp.vueApp.component('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)
 })