@shwfed/nuxt 0.10.15 → 0.11.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.10.15",
+  "version": "0.11.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/button.d.vue.ts

@@ -1,7 +1,7 @@
 import { Effect } from 'effect';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
-export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './ui/buttons/schema.js';
-export type { ButtonAction, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal } from './ui/buttons/schema.js';
+export { ButtonActionC, ButtonBodyC, ButtonBodyInputC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './ui/buttons/schema.js';
+export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './ui/buttons/schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
@@ -71,6 +71,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any;
@@ -141,6 +143,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any) | undefined;

package/dist/runtime/components/button.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { Effect } from "effect";
+import { createButtonConfig } from "./ui/buttons/schema";
 import UiButtons from "./ui/buttons/Buttons.vue";
 defineOptions({
   inheritAttrs: false
@@ -8,10 +9,10 @@ const props = defineProps({
   config: { type: null, required: false }
 });
 const emit = defineEmits(["update:config"]);
-const defaultConfig = {
+const defaultConfig = createButtonConfig({
   gap: 12,
   groups: []
-};
+});
 function isEffectConfig(value) {
   return typeof value === "object" && value !== null && "pipe" in value && typeof Reflect.get(value, "pipe") === "function";
 }
@@ -27,7 +28,21 @@ function handleConfigUpdate(config) {
 </script>
 
 <script>
-export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from "./ui/buttons/schema";
+export {
+  ButtonActionC,
+  ButtonBodyC,
+  ButtonBodyInputC,
+  ButtonConfigC,
+  ButtonConfigInputC,
+  ButtonDropdownC,
+  ButtonGroupC,
+  ButtonModalC,
+  ButtonsStyleC,
+  CURRENT_COMPATIBILITY_DATE,
+  KIND,
+  SUPPORTED_COMPATIBILITY_DATES,
+  createButtonConfig
+} from "./ui/buttons/schema";
 </script>
 
 <template>

package/dist/runtime/components/button.vue.d.ts

@@ -1,7 +1,7 @@
 import { Effect } from 'effect';
 import type { ButtonConfigInput } from './ui/buttons/schema.js';
-export { ButtonActionC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC } from './ui/buttons/schema.js';
-export type { ButtonAction, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal } from './ui/buttons/schema.js';
+export { ButtonActionC, ButtonBodyC, ButtonBodyInputC, ButtonConfigC, ButtonConfigInputC, ButtonDropdownC, ButtonGroupC, ButtonModalC, ButtonsStyleC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createButtonConfig, } from './ui/buttons/schema.js';
+export type { ButtonAction, ButtonBody, ButtonBodyInput, ButtonConfig, ButtonConfigInput, ButtonDropdown, ButtonDropdownAction, ButtonGroup, ButtonGroupItem, ButtonModal, } from './ui/buttons/schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
@@ -71,6 +71,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any;
@@ -141,6 +143,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
                 icon?: string | undefined;
             }>)[];
         }>[];
+        kind: string;
+        compatibilityDate: string;
         gap?: number | undefined;
         style?: string | undefined;
     }>) => any) | undefined;

package/dist/runtime/components/component-config.d.ts

@@ -0,0 +1,12 @@
+import z from 'zod';
+export declare const CompatibilityDateC: z.ZodString;
+export type ComponentConfigMetadata<Kind extends string> = Readonly<{
+    kind: Kind;
+    compatibilityDate: string;
+}>;
+export declare function createCompatibilityDateC(supportedCompatibilityDates: ReadonlyArray<string>): z.ZodString;
+export declare function createComponentConfigMetadataShape(kind: string, supportedCompatibilityDates: ReadonlyArray<string>): {
+    kind: z.ZodLiteral<string>;
+    compatibilityDate: z.ZodString;
+};
+export declare function createComponentConfig<Body extends Record<string, unknown>, Kind extends string>(kind: Kind, compatibilityDate: string, body: Body): Body & ComponentConfigMetadata<Kind>;

package/dist/runtime/components/component-config.js

@@ -0,0 +1,22 @@
+import z from "zod";
+const COMPATIBILITY_DATE_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
+export const CompatibilityDateC = z.string().regex(COMPATIBILITY_DATE_PATTERN, "compatibilityDate must use yyyy-MM-DD format").describe("\u914D\u7F6E\u517C\u5BB9\u534F\u8BAE\u65E5\u671F\uFF0C\u683C\u5F0F\u5FC5\u987B\u4E3A yyyy-MM-DD");
+export function createCompatibilityDateC(supportedCompatibilityDates) {
+  return CompatibilityDateC.refine(
+    (value) => supportedCompatibilityDates.includes(value),
+    `compatibilityDate must be one of: ${supportedCompatibilityDates.join(", ")}`
+  );
+}
+export function createComponentConfigMetadataShape(kind, supportedCompatibilityDates) {
+  return {
+    kind: z.literal(kind).describe("\u7EC4\u4EF6\u914D\u7F6E\u534F\u8BAE\u6807\u8BC6"),
+    compatibilityDate: createCompatibilityDateC(supportedCompatibilityDates)
+  };
+}
+export function createComponentConfig(kind, compatibilityDate, body) {
+  return {
+    kind,
+    compatibilityDate,
+    ...body
+  };
+}

package/dist/runtime/components/fields.d.vue.ts

@@ -1,11 +1,11 @@
 import { Effect } from 'effect';
-import type { FieldsConfig } from './ui/fields/Fields.vue.js';
-export { CalendarFieldC, EmptyFieldC, FieldC, FieldsConfigC, NumberFieldC, SelectFieldC, SlotFieldC, StringFieldC, } from './ui/fields/Fields.vue.js';
-export type { EmptyField, Field, FieldsConfig, SlotField } from './ui/fields/Fields.vue.js';
+import { type FieldsConfigInput } from './ui/fields/Fields.vue.js';
+export { CalendarFieldC, EmptyFieldC, FieldC, FieldsBodyC, FieldsBodyInputC, FieldsConfigC, FieldsConfigInputC, NumberFieldC, SelectFieldC, SlotFieldC, StringFieldC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createFieldsConfig, } from './ui/fields/Fields.vue.js';
+export type { EmptyField, Field, FieldsBody, FieldsBodyInput, FieldsConfig, FieldsConfigInput, SlotField, } from './ui/fields/Fields.vue.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config?: Effect.Effect<FieldsConfig | undefined>;
+    config?: FieldsConfigInput | Effect.Effect<FieldsConfigInput | undefined>;
 } & {
     modelValue?: Record<string, unknown>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -125,12 +125,14 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             type: "empty";
             style?: string | undefined;
         })[];
+        kind: string;
+        compatibilityDate: string;
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
         style?: string | undefined;
     }>) => any;
     "initial-value-ready": () => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config?: Effect.Effect<FieldsConfig | undefined>;
+    config?: FieldsConfigInput | Effect.Effect<FieldsConfigInput | undefined>;
 } & {
     modelValue?: Record<string, unknown>;
 }> & Readonly<{
@@ -250,6 +252,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             type: "empty";
             style?: string | undefined;
         })[];
+        kind: string;
+        compatibilityDate: string;
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
         style?: string | undefined;
     }>) => any) | undefined;

package/dist/runtime/components/fields.vue

@@ -1,6 +1,8 @@
 <script setup>
 import { Effect } from "effect";
-import UiFields from "./ui/fields/Fields.vue";
+import UiFields, {
+  createFieldsConfig
+} from "./ui/fields/Fields.vue";
 defineOptions({
   inheritAttrs: false
 });
@@ -11,10 +13,10 @@ const emit = defineEmits(["update:config", "initial-value-ready"]);
 const modelValue = defineModel("modelValue", { type: Object, ...{
   default: () => ({})
 } });
-const defaultConfig = {
+const defaultConfig = createFieldsConfig({
   fields: []
-};
-const config = props.config ? props.config.pipe(Effect.map((config2) => config2 ?? defaultConfig)) : Effect.succeed(defaultConfig);
+});
+const config = !props.config ? Effect.succeed(defaultConfig) : "pipe" in props.config ? props.config.pipe(Effect.map((config2) => config2 ?? defaultConfig)) : Effect.succeed(props.config);
 function handleConfigUpdate(config2) {
   emit("update:config", config2);
 }
@@ -28,11 +30,18 @@ export {
   CalendarFieldC,
   EmptyFieldC,
   FieldC,
+  FieldsBodyC,
+  FieldsBodyInputC,
   FieldsConfigC,
+  FieldsConfigInputC,
   NumberFieldC,
   SelectFieldC,
   SlotFieldC,
-  StringFieldC
+  StringFieldC,
+  CURRENT_COMPATIBILITY_DATE,
+  KIND,
+  SUPPORTED_COMPATIBILITY_DATES,
+  createFieldsConfig
 } from "./ui/fields/Fields.vue";
 </script>
 

package/dist/runtime/components/fields.vue.d.ts

@@ -1,11 +1,11 @@
 import { Effect } from 'effect';
-import type { FieldsConfig } from './ui/fields/Fields.vue.js';
-export { CalendarFieldC, EmptyFieldC, FieldC, FieldsConfigC, NumberFieldC, SelectFieldC, SlotFieldC, StringFieldC, } from './ui/fields/Fields.vue.js';
-export type { EmptyField, Field, FieldsConfig, SlotField } from './ui/fields/Fields.vue.js';
+import { type FieldsConfigInput } from './ui/fields/Fields.vue.js';
+export { CalendarFieldC, EmptyFieldC, FieldC, FieldsBodyC, FieldsBodyInputC, FieldsConfigC, FieldsConfigInputC, NumberFieldC, SelectFieldC, SlotFieldC, StringFieldC, CURRENT_COMPATIBILITY_DATE, KIND, SUPPORTED_COMPATIBILITY_DATES, createFieldsConfig, } from './ui/fields/Fields.vue.js';
+export type { EmptyField, Field, FieldsBody, FieldsBodyInput, FieldsConfig, FieldsConfigInput, SlotField, } from './ui/fields/Fields.vue.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config?: Effect.Effect<FieldsConfig | undefined>;
+    config?: FieldsConfigInput | Effect.Effect<FieldsConfigInput | undefined>;
 } & {
     modelValue?: Record<string, unknown>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -125,12 +125,14 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             type: "empty";
             style?: string | undefined;
         })[];
+        kind: string;
+        compatibilityDate: string;
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
         style?: string | undefined;
     }>) => any;
     "initial-value-ready": () => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config?: Effect.Effect<FieldsConfig | undefined>;
+    config?: FieldsConfigInput | Effect.Effect<FieldsConfigInput | undefined>;
 } & {
     modelValue?: Record<string, unknown>;
 }> & Readonly<{
@@ -250,6 +252,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
             type: "empty";
             style?: string | undefined;
         })[];
+        kind: string;
+        compatibilityDate: string;
         orientation?: "vertical" | "horizontal" | "floating" | undefined;
         style?: string | undefined;
     }>) => any) | undefined;

package/dist/runtime/components/markdown.d.vue.ts

@@ -1,7 +1,7 @@
 import { Effect } from 'effect';
-import type { MarkdownConfigInput } from './ui/markdown/Markdown.vue.js';
-export { MarkdownConfigC, MarkdownStyleC } from './ui/markdown/Markdown.vue.js';
-export type { MarkdownConfig, MarkdownConfigInput } from './ui/markdown/Markdown.vue.js';
+import { type MarkdownConfigInput } from './ui/markdown/Markdown.vue.js';
+export { CURRENT_COMPATIBILITY_DATE, KIND, MarkdownBodyC, MarkdownBodyInputC, MarkdownConfigC, MarkdownConfigInputC, MarkdownStyleC, SUPPORTED_COMPATIBILITY_DATES, createMarkdownConfig, } from './ui/markdown/Markdown.vue.js';
+export type { MarkdownBody, MarkdownBodyInput, MarkdownConfig, MarkdownConfigInput, } from './ui/markdown/Markdown.vue.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
@@ -9,17 +9,27 @@ declare const __VLS_export: import("vue").DefineComponent<{
     context?: Record<string, unknown>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (args_0: Readonly<{
-        locale?: import("../utils/coders.js").LocaleValue;
-        inline?: boolean;
-        style?: string;
+        kind: string;
+        compatibilityDate: string;
+        locale?: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[] | undefined;
+        inline?: boolean | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: MarkdownConfigInput | Effect.Effect<MarkdownConfigInput | undefined>;
     context?: Record<string, unknown>;
 }> & Readonly<{
     "onUpdate:config"?: ((args_0: Readonly<{
-        locale?: import("../utils/coders.js").LocaleValue;
-        inline?: boolean;
-        style?: string;
+        kind: string;
+        compatibilityDate: string;
+        locale?: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[] | undefined;
+        inline?: boolean | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/markdown.vue

@@ -1,7 +1,9 @@
 <script setup>
 import { Effect } from "effect";
 import { computed } from "vue";
-import UiMarkdown from "./ui/markdown/Markdown.vue";
+import UiMarkdown, {
+  createMarkdownConfig
+} from "./ui/markdown/Markdown.vue";
 defineOptions({
   inheritAttrs: false
 });
@@ -10,7 +12,7 @@ const props = defineProps({
   context: { type: Object, required: false }
 });
 const emit = defineEmits(["update:config"]);
-const defaultConfig = {};
+const defaultConfig = createMarkdownConfig({});
 function isMarkdownConfigEffect(value) {
   return typeof value === "object" && value !== null && "pipe" in value && typeof value.pipe === "function";
 }
@@ -29,7 +31,17 @@ function handleConfigUpdate(config2) {
 </script>
 
 <script>
-export { MarkdownConfigC, MarkdownStyleC } from "./ui/markdown/Markdown.vue";
+export {
+  CURRENT_COMPATIBILITY_DATE,
+  KIND,
+  MarkdownBodyC,
+  MarkdownBodyInputC,
+  MarkdownConfigC,
+  MarkdownConfigInputC,
+  MarkdownStyleC,
+  SUPPORTED_COMPATIBILITY_DATES,
+  createMarkdownConfig
+} from "./ui/markdown/Markdown.vue";
 </script>
 
 <template>

package/dist/runtime/components/markdown.vue.d.ts

@@ -1,7 +1,7 @@
 import { Effect } from 'effect';
-import type { MarkdownConfigInput } from './ui/markdown/Markdown.vue.js';
-export { MarkdownConfigC, MarkdownStyleC } from './ui/markdown/Markdown.vue.js';
-export type { MarkdownConfig, MarkdownConfigInput } from './ui/markdown/Markdown.vue.js';
+import { type MarkdownConfigInput } from './ui/markdown/Markdown.vue.js';
+export { CURRENT_COMPATIBILITY_DATE, KIND, MarkdownBodyC, MarkdownBodyInputC, MarkdownConfigC, MarkdownConfigInputC, MarkdownStyleC, SUPPORTED_COMPATIBILITY_DATES, createMarkdownConfig, } from './ui/markdown/Markdown.vue.js';
+export type { MarkdownBody, MarkdownBodyInput, MarkdownConfig, MarkdownConfigInput, } from './ui/markdown/Markdown.vue.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
@@ -9,17 +9,27 @@ declare const __VLS_export: import("vue").DefineComponent<{
     context?: Record<string, unknown>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (args_0: Readonly<{
-        locale?: import("../utils/coders.js").LocaleValue;
-        inline?: boolean;
-        style?: string;
+        kind: string;
+        compatibilityDate: string;
+        locale?: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[] | undefined;
+        inline?: boolean | undefined;
+        style?: string | undefined;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: MarkdownConfigInput | Effect.Effect<MarkdownConfigInput | undefined>;
     context?: Record<string, unknown>;
 }> & Readonly<{
     "onUpdate:config"?: ((args_0: Readonly<{
-        locale?: import("../utils/coders.js").LocaleValue;
-        inline?: boolean;
-        style?: string;
+        kind: string;
+        compatibilityDate: string;
+        locale?: readonly {
+            locale: "zh" | "ja" | "en" | "ko";
+            message: string;
+        }[] | undefined;
+        inline?: boolean | undefined;
+        style?: string | undefined;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/menu-tabs.d.vue.ts

@@ -1,7 +1,7 @@
 import { Effect } from 'effect';
 import type { MenuTabsConfigInput } from './ui/menu-tabs/schema.js';
-export { MenuTabsConfigC, MenuTabsConfigInputC, MenuTabsItemC, MenuTabsItemToC } from './ui/menu-tabs/schema.js';
-export type { MenuTabsConfig, MenuTabsConfigInput, MenuTabsItem } from './ui/menu-tabs/schema.js';
+export { CURRENT_COMPATIBILITY_DATE, KIND, MenuTabsBodyC, MenuTabsBodyInputC, MenuTabsConfigC, MenuTabsConfigInputC, MenuTabsItemC, MenuTabsItemToC, SUPPORTED_COMPATIBILITY_DATES, createMenuTabsConfig, } from './ui/menu-tabs/schema.js';
+export type { MenuTabsBody, MenuTabsBodyInput, MenuTabsConfig, MenuTabsConfigInput, MenuTabsItem, } from './ui/menu-tabs/schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
@@ -11,9 +11,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
     "update:config": (args_0: Readonly<{
         menus: readonly Readonly<{
             id: string;
-            title: import("../utils/coders.js").LocaleValue;
+            title: readonly {
+                locale: "zh" | "ja" | "en" | "ko";
+                message: string;
+            }[];
             to: string;
         }>[];
+        kind: string;
+        compatibilityDate: string;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: MenuTabsConfigInput | Effect.Effect<MenuTabsConfigInput | undefined>;
@@ -22,8 +27,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     "onUpdate:config"?: ((args_0: Readonly<{
         menus: readonly Readonly<{
             id: string;
-            title: import("../utils/coders.js").LocaleValue;
+            title: readonly {
+                locale: "zh" | "ja" | "en" | "ko";
+                message: string;
+            }[];
             to: string;
         }>[];
+        kind: string;
+        compatibilityDate: string;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/menu-tabs.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { Effect } from "effect";
+import { createMenuTabsConfig } from "./ui/menu-tabs/schema";
 import UiMenuTabs from "./ui/menu-tabs/MenuTabs.vue";
 defineOptions({
   inheritAttrs: false
@@ -9,9 +10,9 @@ const props = defineProps({
   context: { type: Object, required: false }
 });
 const emit = defineEmits(["update:config"]);
-const defaultConfig = {
+const defaultConfig = createMenuTabsConfig({
   menus: []
-};
+});
 function isEffectConfig(value) {
   return typeof value === "object" && value !== null && "pipe" in value && typeof Reflect.get(value, "pipe") === "function";
 }
@@ -27,7 +28,18 @@ function handleConfigUpdate(config) {
 </script>
 
 <script>
-export { MenuTabsConfigC, MenuTabsConfigInputC, MenuTabsItemC, MenuTabsItemToC } from "./ui/menu-tabs/schema";
+export {
+  CURRENT_COMPATIBILITY_DATE,
+  KIND,
+  MenuTabsBodyC,
+  MenuTabsBodyInputC,
+  MenuTabsConfigC,
+  MenuTabsConfigInputC,
+  MenuTabsItemC,
+  MenuTabsItemToC,
+  SUPPORTED_COMPATIBILITY_DATES,
+  createMenuTabsConfig
+} from "./ui/menu-tabs/schema";
 </script>
 
 <template>

package/dist/runtime/components/menu-tabs.vue.d.ts

@@ -1,7 +1,7 @@
 import { Effect } from 'effect';
 import type { MenuTabsConfigInput } from './ui/menu-tabs/schema.js';
-export { MenuTabsConfigC, MenuTabsConfigInputC, MenuTabsItemC, MenuTabsItemToC } from './ui/menu-tabs/schema.js';
-export type { MenuTabsConfig, MenuTabsConfigInput, MenuTabsItem } from './ui/menu-tabs/schema.js';
+export { CURRENT_COMPATIBILITY_DATE, KIND, MenuTabsBodyC, MenuTabsBodyInputC, MenuTabsConfigC, MenuTabsConfigInputC, MenuTabsItemC, MenuTabsItemToC, SUPPORTED_COMPATIBILITY_DATES, createMenuTabsConfig, } from './ui/menu-tabs/schema.js';
+export type { MenuTabsBody, MenuTabsBodyInput, MenuTabsConfig, MenuTabsConfigInput, MenuTabsItem, } from './ui/menu-tabs/schema.js';
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
@@ -11,9 +11,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
     "update:config": (args_0: Readonly<{
         menus: readonly Readonly<{
             id: string;
-            title: import("../utils/coders.js").LocaleValue;
+            title: readonly {
+                locale: "zh" | "ja" | "en" | "ko";
+                message: string;
+            }[];
             to: string;
         }>[];
+        kind: string;
+        compatibilityDate: string;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
     config?: MenuTabsConfigInput | Effect.Effect<MenuTabsConfigInput | undefined>;
@@ -22,8 +27,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     "onUpdate:config"?: ((args_0: Readonly<{
         menus: readonly Readonly<{
             id: string;
-            title: import("../utils/coders.js").LocaleValue;
+            title: readonly {
+                locale: "zh" | "ja" | "en" | "ko";
+                message: string;
+            }[];
             to: string;
         }>[];
+        kind: string;
+        compatibilityDate: string;
     }>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/table.d.vue.ts

@@ -1,7 +1,8 @@
+import { Effect } from 'effect';
 import type { TableConfigInput } from './ui/table/schema.js';
 export type { Accessor, Column, Expression, Markdown, Render, TableConfig, TableConfigInput } from './ui/table/schema.js';
 export type { TableInstance } from './ui/table/Table.vue.js';
-export { AccessorC, ColumnC, RenderC, TableConfigC } from './ui/table/schema.js';
+export { AccessorC, ColumnC, CURRENT_COMPATIBILITY_DATE, KIND, RenderC, SUPPORTED_COMPATIBILITY_DATES, TableBodyC, TableBodyInputC, TableConfigC, TableConfigInputC, createTableConfig, } from './ui/table/schema.js';
 declare module '@tanstack/vue-table' {
     interface ColumnMeta<TData extends import('@tanstack/vue-table').RowData, TValue> {
         tooltip?: string;
@@ -13,11 +14,13 @@ declare module '@tanstack/vue-table' {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
+    config?: TableConfigInput | Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:config": (args_0: Readonly<{
+        kind: string;
+        compatibilityDate: string;
         getRowId?: import("./table.vue.js").Expression;
         getSubRows?: import("./table.vue.js").Expression;
         enableRowSelection?: import("./table.vue.js").Expression;
@@ -74,11 +77,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
         paginationPageSizes?: ReadonlyArray<number>;
     }>) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    config?: TableConfigInput | import("effect").Effect.Effect<TableConfigInput | undefined>;
+    config?: TableConfigInput | Effect.Effect<TableConfigInput | undefined>;
     data: Array<unknown>;
     rowCount?: number;
 }> & Readonly<{
     "onUpdate:config"?: ((args_0: Readonly<{
+        kind: string;
+        compatibilityDate: string;
         getRowId?: import("./table.vue.js").Expression;
         getSubRows?: import("./table.vue.js").Expression;
         enableRowSelection?: import("./table.vue.js").Expression;

package/dist/runtime/components/table.vue

@@ -1,5 +1,7 @@
 <script setup>
+import { Effect } from "effect";
 import { ref } from "vue";
+import { createTableConfig } from "./ui/table/schema";
 import UiTable from "./ui/table/Table.vue";
 defineOptions({
   inheritAttrs: false
@@ -10,6 +12,18 @@ const props = defineProps({
   rowCount: { type: Number, required: false }
 });
 const emit = defineEmits(["update:config"]);
+const defaultConfig = createTableConfig({
+  columns: []
+});
+function isTableConfigEffect(value) {
+  return typeof value === "object" && value !== null && "pipe" in value && typeof value.pipe === "function";
+}
+function resolveConfig() {
+  if (isTableConfigEffect(props.config)) {
+    return props.config.pipe(Effect.map((value) => value ?? defaultConfig));
+  }
+  return props.config ?? defaultConfig;
+}
 function handleConfigUpdate(config) {
   emit("update:config", config);
 }
@@ -43,13 +57,25 @@ defineExpose(new Proxy({}, {
 </script>
 
 <script>
-export { AccessorC, ColumnC, RenderC, TableConfigC } from "./ui/table/schema";
+export {
+  AccessorC,
+  ColumnC,
+  CURRENT_COMPATIBILITY_DATE,
+  KIND,
+  RenderC,
+  SUPPORTED_COMPATIBILITY_DATES,
+  TableBodyC,
+  TableBodyInputC,
+  TableConfigC,
+  TableConfigInputC,
+  createTableConfig
+} from "./ui/table/schema";
 </script>
 
 <template>
   <UiTable
     ref="tableRef"
-    :config="props.config"
+    :config="resolveConfig()"
     :data="props.data"
     :row-count="props.rowCount"
     @update:config="handleConfigUpdate"