@effect-app/vue-components 4.0.0-beta.153 → 4.0.0-beta.155

package/README.md

@@ -61,9 +61,9 @@ The doc app itself is a client app of the libary, therefore PrimeVue is imported
 module.exports = {
   vite: {
     resolve: {
-      dedupe: ['vue', /primevue\/.+/],
-    },
-  },
+      dedupe: ["vue", /primevue\/.+/]
+    }
+  }
 }
 ```
 
@@ -103,7 +103,7 @@ If you have your own special set of SVG icons, you may create a font file (`.wof
 The client app shall import `style.css`, usually in the entry file:
 
 ```js
-import 'my-lib/dist/style.css'
+import "my-lib/dist/style.css"
 ```
 
 ### Third-party dependencies
@@ -132,7 +132,7 @@ The dependency to be externalized may be declared as peer dependency in your lib
 If you don't expect the client app of your library also needing the same dependency, you may embed cherry-picked functions. For example, to embed the `fill` function of popular library [lodash](https://lodash.com), import the `fill` function like the following:
 
 ```js
-import fill from 'lodash/fill'
+import fill from "lodash/fill"
 ```
 
 Even with tree-shaking, the codes being brought into your library may still be large, as the function may have its own dependencies.
@@ -190,7 +190,7 @@ In [tsconfig.json](tsconfig.js), set the following to address [Issue #32](https:
 Vuetify 4 removed the aggressive global CSS reset that v3 included (universal `margin: 0; padding: 0`, list/heading/input resets, etc.). If your app relied on these defaults, opt in to the supplemental reset:
 
 ```ts
-import '@effect-app/vue-components/reset.css'
+import "@effect-app/vue-components/reset.css"
 ```
 
 ### 2. Nested union `_tag` handling
@@ -208,22 +208,26 @@ import '@effect-app/vue-components/reset.css'
 - **v4**: `defaultsValueFromSchema` detects `PropertySignatureTransformation` and extracts defaults, enabling `withDecodingDefault` as a new pattern for declaring field defaults directly on the schema.
 
 ### On Submit event
-The :on-submit event could be tricky in `<OmegaForm />` component. 
+
+The :on-submit event could be tricky in `<OmegaForm />` component.
 This is a prop that is basically a map of Tanstack Form `onSubmit` option and accept a function that return a Promise. If you want to use it as an event, you have to manage the state of loading yourself with `@submit` with a function returning `void`
 
 E.g.
 
 to use it as a Promise based Tanstack way:
+
 ```html
-  <OmegaForm :schema="schema" :on-submit="onSubmit" :subscribe="['values']">
+<OmegaForm :schema="schema" :on-submit="onSubmit" :subscribe="['values']">
 ```
 
 to use it as an event:
+
 ```html
 <OmegaForm :schema="schema" @submit="onSubmit" :is-loading="false" :subscribe="['values']">
 ```
 
 this will give you a type error instead, because `:is-loading` is only accepted in event mode
+
 ```html
-  <OmegaForm :schema="schema" :on-submit="onSubmit" :is-loading="false" :subscribe="['values']">
+<OmegaForm :schema="schema" :on-submit="onSubmit" :is-loading="false" :subscribe="['values']">
 ```

package/dist/types/components/OmegaForm/OmegaAutoGen.vue.d.ts

@@ -1,8 +1,7 @@
 import { type DeepKeys } from "@tanstack/vue-form";
 import { Order } from "effect-app";
 import { type OmegaAutoGenMeta, type OmegaInputProps } from "./OmegaFormStuff";
-declare const __VLS_export: <// dprint-ignore
-From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>, Name extends DeepKeys<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const __VLS_export: <From extends Record<PropertyKey, string>, To extends Record<PropertyKey, string>, Name extends DeepKeys<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
         form: OmegaInputProps<From, To, Name>["form"];
         pick?: DeepKeys<From>[];

package/dist/types/index.d.ts

@@ -5,5 +5,4 @@ declare const _default: {
 };
 export default _default;
 export * from "./components";
-export * from "./constants";
 export * from "./utils";

package/dist/vue-components60.es.js

@@ -1,9 +1,9 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`fieldset[data-v-8c9cb27c]{display:contents}fieldset[disabled][data-v-8c9cb27c]>*{pointer-events:none}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`fieldset[data-v-05e510ab]{display:contents}fieldset[disabled][data-v-05e510ab]>*{pointer-events:none}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`fieldset[data-v-05e510ab]{display:contents}fieldset[disabled][data-v-05e510ab]>*{pointer-events:none}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`fieldset[data-v-05e510ab]{display:contents}fieldset[disabled][data-v-05e510ab]>*{pointer-events:none}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`fieldset[data-v-05e510ab]{display:contents}fieldset[disabled][data-v-05e510ab]>*{pointer-events:none}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import e from "./vue-components44.es.js";
 import t from "./vue-components58.es.js";
 
 //#region src/components/OmegaForm/OmegaWrapper.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-8c9cb27c"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-05e510ab"]]);
 //#endregion
 export { n as default };

package/dist/vue-components61.es.js

@@ -114,7 +114,7 @@ var O = class extends x.TaggedError("FormErrors") {}, k = (e) => function(t) {
 		...h,
 		validators: {
 			onSubmit: D,
-			...h?.validators || {}
+			...h?.validators
 		},
 		onSubmit: h?.onSubmit ? ({ formApi: e, meta: t, value: n }) => L(t?.currentSpan, async () => {
 			let r = await N(A(n)), i = h.onSubmit({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.153",
+  "version": "4.0.0-beta.155",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.56",
@@ -19,7 +19,6 @@
     "@vitejs/plugin-vue": "^6.0.6",
     "@vue/test-utils": "^2.4.8",
     "@vueuse/core": "^14.2.1",
-    "dprint": "^0.54.0",
     "jsdom": "^29.0.2",
     "rimraf": "^6.1.3",
     "sass": "^1.99.0",
@@ -34,7 +33,7 @@
     "vue-toastification": "^2.0.0-rc.5",
     "vue-tsc": "^3.2.7",
     "vuetify": "^4.0.6",
-    "@effect-app/eslint-shared-config": "0.6.0-beta.13"
+    "@effect-app/eslint-shared-config": "0.6.0-beta.15"
   },
   "files": [
     "src",
@@ -58,8 +57,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.153",
-    "effect-app": "4.0.0-beta.153"
+    "@effect-app/vue": "4.0.0-beta.155",
+    "effect-app": "4.0.0-beta.155"
   },
   "scripts": {
     "check": "vue-tsc",
@@ -68,10 +67,10 @@
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs",
-    "lint": "NODE_OPTIONS=--max-old-space-size=8192 eslint src stories .storybook",
+    "lint": "oxlint src stories && NODE_OPTIONS=--max-old-space-size=8192 eslint src stories .storybook && pnpm exec dprint check --config ../../dprint.jsonc .",
     "ncu": "ncu",
     "clean": "rm -rf dist",
-    "lint-fix": "pnpm lint --fix",
+    "lint-fix": "oxlint --fix src stories && NODE_OPTIONS=--max-old-space-size=8192 eslint --fix src stories .storybook && pnpm exec dprint fmt --config ../../dprint.jsonc .",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest",

package/src/components/OmegaForm/OmegaArray.vue

@@ -12,9 +12,7 @@
         :is="form.Field"
         v-for="(_, i) of items"
         :key="`${name}[${Number(i)}]`"
-        :name="// eslint-disable-next-line
-          `${name}[${Number(i)}]` as DeepKeys<From>
-        "
+        :name="`${name}[${Number(i)}]` as DeepKeys<From>"
       >
         <template #default="{ field: subField, state: subState }">
           <slot
@@ -42,7 +40,11 @@
 <script
   setup
   lang="ts"
-  generic="From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>"
+  generic="
+  From extends Record<PropertyKey, any>,
+  To extends Record<PropertyKey, any>,
+  Name extends DeepKeys<From>
+"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { computed, onMounted, provide } from "vue"

package/src/components/OmegaForm/OmegaAutoGen.vue

@@ -14,10 +14,11 @@
 <script
   setup
   lang="ts"
-  generic="// dprint-ignore
+  generic="
   From extends Record<PropertyKey, string>,
   To extends Record<PropertyKey, string>,
-  Name extends DeepKeys<From>"
+  Name extends DeepKeys<From>
+"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { Order } from "effect-app"

package/src/components/OmegaForm/OmegaFormInput.vue

@@ -12,7 +12,11 @@
 <script
   setup
   lang="ts"
-  generic="From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>"
+  generic="
+  From extends Record<PropertyKey, any>,
+  To extends Record<PropertyKey, any>,
+  Name extends DeepKeys<From>
+"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { inject } from "vue"

package/src/components/OmegaForm/OmegaInput.vue

@@ -38,7 +38,11 @@
 <script
   setup
   lang="ts"
-  generic="From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>"
+  generic="
+  From extends Record<PropertyKey, any>,
+  To extends Record<PropertyKey, any>,
+  Name extends DeepKeys<From>
+"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { computed, inject, type Ref, useAttrs } from "vue"

package/src/components/OmegaForm/OmegaTaggedUnion.vue

@@ -1,9 +1,11 @@
 <script
   setup
   lang="ts"
-  generic="From extends Record<PropertyKey, any>,
+  generic="
+  From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From> | undefined = DeepKeys<From>"
+  Name extends DeepKeys<From> | undefined = DeepKeys<From>
+"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { computed, provide, ref, watch } from "vue"

package/src/components/OmegaForm/OmegaTaggedUnionInternal.vue

@@ -9,7 +9,11 @@
 <script
   setup
   lang="ts"
-  generic="From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>"
+  generic="
+  From extends Record<PropertyKey, any>,
+  To extends Record<PropertyKey, any>,
+  Name extends DeepKeys<From>
+"
 >
 import { type DeepKeys, type DeepValue } from "@tanstack/vue-form"
 import { watch } from "vue"

package/src/components/OmegaForm/OmegaWrapper.vue

@@ -12,10 +12,12 @@
 <script
   setup
   lang="ts"
-  generic="From extends Record<PropertyKey, any>,
+  generic="
+  From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
   K extends keyof OmegaFormState<From, To> = keyof OmegaFormState<From, To>,
-  Props = DefaultTypeProps"
+  Props = DefaultTypeProps
+"
 >
 /**
  * Form component that wraps TanStack Form's useForm hook

package/src/components/OmegaForm/useOmegaForm.ts

@@ -789,7 +789,7 @@ export const useOmegaForm = <
     ...tanstackFormOptions,
     validators: {
       onSubmit: standardSchema,
-      ...(tanstackFormOptions?.validators || {})
+      ...tanstackFormOptions?.validators
     },
     onSubmit: tanstackFormOptions?.onSubmit
       ? ({ formApi, meta, value }) =>

package/src/index.ts

@@ -17,5 +17,4 @@ function install(app: App) {
 export default { install }
 
 export * from "./components"
-export * from "./constants"
 export * from "./utils"

package/dist/types/constants/index.d.ts

@@ -1 +0,0 @@
-export {};

package/src/constants/index.ts

@@ -1 +0,0 @@
-export {}