@paraxe/vue 1.0.3 → 1.0.4

package/dist/forms/Select.d.ts

@@ -1,5 +1,5 @@
 interface Props {
-    value?: string;
+    modelValue?: string;
     disabled?: boolean;
     error?: boolean;
     success?: boolean;
@@ -9,14 +9,14 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
+    modelValue: string;
     error: boolean;
     success: boolean;
-    value: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/index.js

@@ -374,26 +374,27 @@ const Gt = /* @__PURE__ */ H(fe, [["render", be]]), ve = ["for"], he = {
 }), we = ["value", "disabled"], Wt = /* @__PURE__ */ m({
   __name: "Select",
   props: {
-    value: { default: "" },
+    modelValue: { default: "" },
     disabled: { type: Boolean, default: !1 },
     error: { type: Boolean, default: !1 },
     success: { type: Boolean, default: !1 }
   },
-  emits: ["change"],
+  emits: ["update:modelValue"],
   setup(a, { emit: e }) {
-    const t = a, s = e, l = b(() => ({
+    const t = a, s = e;
+    function l(r) {
+      const i = r.target;
+      s("update:modelValue", i.value);
+    }
+    const o = b(() => ({
       "input-error": t.error,
       "input-success": t.success
     }));
-    function o(r) {
-      const i = r.target;
-      s("change", i.value);
-    }
     return (r, i) => (n(), d("select", {
-      class: f(["select", l.value]),
-      value: t.value,
+      class: f(["select", o.value]),
+      value: t.modelValue,
       disabled: t.disabled,
-      onChange: o
+      onChange: l
     }, [
       u(r.$slots, "default")
     ], 42, we));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paraxe/vue",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+allowBuilds:
+  esbuild: true

package/src/forms/Select.vue

@@ -2,42 +2,43 @@
 import { computed } from "vue";
 
 interface Props {
-  value?: string;
+  modelValue?: string;
   disabled?: boolean;
   error?: boolean;
   success?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  value: "",
+  modelValue: "",
   disabled: false,
   error: false,
   success: false,
 });
 
 const emit = defineEmits<{
-  change: [value: string];
+  "update:modelValue": [value: string];
 }>();
 
+function handleChange(event: Event) {
+  const target = event.target as HTMLSelectElement;
+  emit("update:modelValue", target.value);
+}
+
 const selectClasses = computed(() => ({
   "input-error": props.error,
   "input-success": props.success,
 }));
 
-function handleChange(event: Event) {
-  const target = event.target as HTMLSelectElement;
-  emit("change", target.value);
-}
 </script>
 
 <template>
-  <select
-    class="select"
-    :class="selectClasses"
-    :value="props.value"
-    :disabled="props.disabled"
-    @change="handleChange"
-  >
-    <slot />
-  </select>
+ <select
+  class="select"
+  :class="selectClasses"
+  :value="props.modelValue"
+  :disabled="props.disabled"
+  @change="handleChange"
+>
+  <slot />
+</select>
 </template>