@simsustech/quasar-components 0.3.3 → 0.3.5

package/dist/types/ui/general/QLanguageSelect.vue.d.ts

@@ -3,14 +3,23 @@ export interface Props {
     modelValue: string;
     languageImports: Record<string, () => Promise<QuasarLanguage>>;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    languageImports: {
+        type: import("vue").PropType<Record<string, () => Promise<QuasarLanguage>>>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    languageImports: {
+        type: import("vue").PropType<Record<string, () => Promise<QuasarLanguage>>>;
         required: true;
     };
-};
+}>>, {}, {}>;
+export default _default;

package/dist/types/ui/general/QStyledCard.vue.d.ts

@@ -2,10 +2,18 @@ import { QCardActionsProps } from 'quasar';
 export interface Props {
     actions?: QCardActionsProps;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    actions: {
+        type: import("vue").PropType<QCardActionsProps>;
+    };
+}, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: import("vue").PropType<QCardActionsProps>;
+    };
+}>>, {}, {}>, {
     image?(_: {}): any;
     title?(_: {}): any;
     subtitle?(_: {}): any;
@@ -13,15 +21,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     actions?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/ui/general/QStyledLayout.vue.d.ts

@@ -1,22 +1,23 @@
 export interface Props {
     title: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>>, {}, {}>, {
     leftDrawerItems?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/ui/general/QSubmitButton.vue.d.ts

@@ -49,5 +49,5 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     useForm: boolean;
     isNextButton: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/types/ui/general/ResourcePage.vue.d.ts

@@ -2,60 +2,55 @@ export interface Props {
     type?: 'create' | 'update';
     disabled?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    type: string;
-    disabled: boolean;
-}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<"create" | "update">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     create: (payload_0: {
-        data?: any;
+        data?: unknown;
         done: (success?: boolean) => void;
     }) => void;
     update: (payload_0: {
-        data?: any;
+        data?: unknown;
         done: (success?: boolean) => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    type: string;
-    disabled: boolean;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"create" | "update">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
     onCreate?: ((args_0: {
-        data?: any;
+        data?: unknown;
         done: (success?: boolean) => void;
     }) => any) | undefined;
     onUpdate?: ((args_0: {
-        data?: any;
+        data?: unknown;
         done: (success?: boolean) => void;
     }) => any) | undefined;
 }, {
     type: "create" | "update";
     disabled: boolean;
-}>, {
+}, {}>, {
     default?(_: {}): any;
     header?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/types/ui/general/ResponsiveDialog.vue.d.ts

@@ -1,7 +1,11 @@
 export interface Props {
     display?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    display: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {
     variables: import("vue").Ref<{}>;
     functions: import("vue").Ref<{
         open: () => void | undefined;
@@ -12,24 +16,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     submit: (payload_0: {
         done: (success?: boolean) => void;
     }) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    display: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
     onSubmit?: ((args_0: {
         done: (success?: boolean) => void;
     }) => any) | undefined;
-}, {}>, {
+}, {}, {}>, {
     title?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/virtualModules.d.ts

@@ -1,3 +1,2 @@
 export declare const FlagIcon: (locale: string) => string;
 export declare const Icon: (icon: string) => string;
-export declare const FormItem: (field: string) => string;

package/dist/virtualModules.d.ts

@@ -1,3 +1,2 @@
 export declare const FlagIcon: (locale: string) => string;
 export declare const Icon: (icon: string) => string;
-export declare const FormItem: (field: string) => string;

package/dist/virtualModules.js

@@ -1,3 +1,36 @@
 export var FlagIcon = function (locale) { return "\n  import { computed, ref, watch, h } from 'vue'\n  import { useQuasar, QIcon } from 'quasar'\n  import { useLang, loadLang } from '".concat(new URL("../src/ui/flags/lang", import.meta.url).pathname, "'\n  import icon from '").concat(new URL("../src/ui/flags/assets/".concat(locale, ".svg"), import.meta.url).pathname, "'\n  export default {\n  setup(props, context) {\n    const $q = useQuasar()\n    const lang = useLang()\n    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)\n    watch($q.lang, (val) => {\n      loadLang($q.lang.isoName)\n    })\n    \n    const country = computed(\n      () => lang.value.countries['").concat(locale, "']\n    )\n    // @ts-ignore\n    // const language = computed(() => lang.value.languages['").concat(locale, "'])\n    const language = computed(() => lang.value.languages['").concat(locale, "'])\n    const variables = ref({\n      country,\n      language\n      // header: lang.value.some.nested.prop\n    })\n    const functions = ref({\n      // submit\n    })\n\n    context.expose({\n      variables,\n      functions\n    })\n\n    // return the render function\n    return () => h(QIcon, { name: `img:${icon}` })\n  }}\n"); };
 export var Icon = function (icon) { return "\n  import { computed, ref, watch, h } from 'vue'\n  import { useQuasar, QIcon } from 'quasar'\n  import icon from '".concat(new URL("../src/ui/icons/assets/".concat(icon, ".svg"), import.meta.url).pathname, "'\n  import labels from '").concat(new URL("../src/ui/icons/labels.ts", import.meta.url).pathname, "'\n  export default {\n  setup(props, context) {\n    const $q = useQuasar()\n\n    const variables = ref(labels['").concat(icon, "'])\n\n    const functions = ref({\n      // submit\n    })\n\n    context.expose({\n      variables,\n      functions\n    })\n\n    // return the render function\n    return () => h(QIcon, { name: `img:${icon}` })\n  }}\n"); };
-export var FormItem = function (field) { return "\nimport { ref, watch, useAttrs, h } from 'vue'\nimport { QItem, QItemLabel, QItemSection, useQuasar } from 'quasar'\nimport { useLang, loadLang } from '".concat(new URL("../src/ui/form/lang/index.ts", import.meta.url).pathname, "'\n\nexport default {\n  setup(props, context) {\n    const $q = useQuasar()\n    const attrs = useAttrs()\n\n    const lang = useLang()\n\n    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)\n    watch($q.lang, (val) => {\n      loadLang($q.lang.isoName)\n    })\n\n    const variables = ref({})\n\n    const functions = ref({\n      // submit\n    })\n\n    context.expose({\n      variables,\n      functions\n    })\n\n    // return the render function\n    return () =>\n      h(QItem, { attrs }, [\n        h(QItemSection, {}, [\n          h(QItemLabel, { overline: true }, 'field'),\n          h(QItemLabel, {}, 'field')\n        ])\n      ])\n  }\n}\n"); };
+// export const FormItem = (field: string) => `
+// import { ref, watch, useAttrs, h } from 'vue'
+// import { QItem, QItemLabel, QItemSection, useQuasar } from 'quasar'
+// import { useLang, loadLang } from '${
+//   new URL(`../src/ui/form/lang/index.ts`, import.meta.url).pathname
+// }'
+// export default {
+//   setup(props, context) {
+//     const $q = useQuasar()
+//     const attrs = useAttrs()
+//     const lang = useLang()
+//     if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
+//     watch($q.lang, (val) => {
+//       loadLang($q.lang.isoName)
+//     })
+//     const variables = ref({})
+//     const functions = ref({
+//       // submit
+//     })
+//     context.expose({
+//       variables,
+//       functions
+//     })
+//     // return the render function
+//     return () =>
+//       h(QItem, { attrs }, [
+//         h(QItemSection, {}, [
+//           h(QItemLabel, { overline: true }, 'field'),
+//           h(QItemLabel, {}, 'field')
+//         ])
+//       ])
+//   }
+// }
+// `

package/dist/vite-plugin.js

@@ -76,7 +76,7 @@ export default function (_a) {
                                 if (mode === 'development' || buildFromSrc) {
                                     var alias = Object.entries(exports)
                                         .filter(function (_a) {
-                                        var key = _a[0], val = _a[1];
+                                        var val = _a[1];
                                         return val.src;
                                     })
                                         .map(function (_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",
@@ -52,28 +52,28 @@
     "quasar": "^2.9.2"
   },
   "devDependencies": {
-    "@types/node": "^18.16.3",
-    "@types/validator": "^13.7.15",
-    "@types/ws": "^8.5.4",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
-    "@vitejs/plugin-vue": "^4.2.1",
-    "@vue/server-renderer": "^3.2.47",
-    "eslint": "^8.39.0",
-    "eslint-config-prettier": "^8.8.0",
+    "@types/node": "^20.4.5",
+    "@types/validator": "^13.9.0",
+    "@types/ws": "^8.5.5",
+    "@typescript-eslint/eslint-plugin": "^6.2.1",
+    "@typescript-eslint/parser": "^6.2.1",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/server-renderer": "^3.3.4",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.9.0",
     "eslint-plugin-prettier-vue": "^4.2.0",
-    "eslint-plugin-vue": "^9.11.0",
-    "glob": "^10.2.2",
+    "eslint-plugin-vue": "^9.16.1",
+    "glob": "^10.3.3",
     "local-pkg": "^0.4.3",
-    "prettier": "^2.8.8",
-    "quasar": "^2.11.10",
-    "rimraf": "^5.0.0",
-    "typescript": "^5.0.4",
-    "unplugin-vue-components": "^0.24.1",
-    "vite": "^4.3.4",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6",
-    "vue-tsc": "^1.6.4"
+    "prettier": "^3.0.0",
+    "quasar": "^2.12.3",
+    "rimraf": "^5.0.1",
+    "typescript": "^5.1.6",
+    "unplugin-vue-components": "^0.25.1",
+    "vite": "^4.4.8",
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.4",
+    "vue-tsc": "^1.8.8"
   },
   "scripts": {
     "build:plugin": "vite build",

package/src/ui/form/BooleanItem.vue

@@ -28,7 +28,7 @@ const lang = useLang()
 
 const $q = useQuasar()
 if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
-watch($q.lang, (val) => {
+watch($q.lang, () => {
   loadLang($q.lang.isoName)
 })
 </script>

package/src/ui/form/BooleanSelect.vue

@@ -29,7 +29,7 @@ const lang = useLang()
 
 const $q = useQuasar()
 if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
-watch($q.lang, (val) => {
+watch($q.lang, () => {
   loadLang($q.lang.isoName)
 })
 

package/src/ui/form/DateInput.vue

@@ -4,6 +4,7 @@
     :rules="validations"
     :model-value="modelValue"
     :label="`${label}${required ? '*' : ''}`"
+    placeholder="YYYY/MM/DD"
     mask="date"
     class="q-pr-md"
     @update:model-value="$emit('update:modelValue', $event)"
@@ -57,11 +58,13 @@ const lang = useLang()
 
 const $q = useQuasar()
 if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
-watch($q.lang, (val) => {
+watch($q.lang, () => {
   loadLang($q.lang.isoName)
 })
 
-const validations = ref<((val: string) => boolean | string)[]>([])
+const validations = ref<((val: string) => boolean | string)[]>([
+  (v) => /^\d{4}\/(0?[1-9]|1[012])\/(0?[1-9]|[12][0-9]|3[01])$/.test(v)
+])
 
 if (props.required)
   validations.value.push(

package/src/ui/form/EmailInput.vue

@@ -19,22 +19,19 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { ref, useAttrs, watch } from 'vue'
-import { useQuasar } from 'quasar'
-import { useLang, loadLang } from './lang'
+import { ref } from 'vue'
+import { useLang } from './lang'
 
 export interface Props {
   subject: string
   body: string
 }
-const props = defineProps<Props>()
-const attrs = useAttrs()
+defineProps<Props>()
 const emit = defineEmits<{
   (e: 'update:subject', value: string | number | null): void
   (e: 'update:body', value: string | null): void
 }>()
 
-const $q = useQuasar()
 const lang = useLang()
 
 const variables = ref({

package/src/ui/form/FormInput.vue

@@ -31,7 +31,7 @@ const lang = useLang()
 
 const $q = useQuasar()
 if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
-watch($q.lang, (val) => {
+watch($q.lang, () => {
   loadLang($q.lang.isoName)
 })
 

package/src/ui/form/FormItem.vue

@@ -44,7 +44,7 @@ const lang = useLang()
 
 const $q = useQuasar()
 if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
-watch($q.lang, (val) => {
+watch($q.lang, () => {
   loadLang($q.lang.isoName)
 })
 </script>

package/src/ui/form/GenderItem.vue

@@ -29,7 +29,7 @@ const lang = useLang()
 
 const $q = useQuasar()
 if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
-watch($q.lang, (val) => {
+watch($q.lang, () => {
   loadLang($q.lang.isoName)
 })
 </script>

package/src/ui/form/GenderSelect.vue

@@ -28,8 +28,8 @@ const attrs = useAttrs()
 const lang = useLang()
 
 const $q = useQuasar()
-if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
-watch($q.lang, (val) => {
+if (lang.value.isoName !== $q.lang.isoName) await loadLang($q.lang.isoName)
+watch($q.lang, () => {
   loadLang($q.lang.isoName)
 })
 

package/src/ui/form/TelephoneNumberInput.vue

@@ -12,7 +12,7 @@
 /**
  * To do: add mask and country prefix
  */
-import { computed, ref, useAttrs } from 'vue'
+import { ref, useAttrs } from 'vue'
 import { QInput } from 'quasar'
 import { useLang } from './lang'
 

package/src/ui/general/QLanguageSelect.vue

@@ -52,11 +52,11 @@ const attrs = useAttrs()
 // const langList = import.meta.glob('../../../node_modules/quasar/lang/*.mjs')
 
 const nlRef = ref<typeof nl>()
-const nlCountry = computed(() => nlRef.value?.variables.country)
+// const nlCountry = computed(() => nlRef.value?.variables.country)
 const nlLanguage = computed(() => nlRef.value?.variables.language)
 
 const enUsRef = ref<typeof enUs>()
-const enUsCountry = computed(() => enUsRef.value?.variables.country)
+// const enUsCountry = computed(() => enUsRef.value?.variables.country)
 const enUsLanguage = computed(() => enUsRef.value?.variables.language)
 
 const languageOptions = [

package/src/ui/general/ResourcePage.vue

@@ -70,7 +70,7 @@ const emit = defineEmits<{
       data,
       done
     }: {
-      data?: any
+      data?: unknown
       done: (success?: boolean) => void
     }
   ): void
@@ -80,7 +80,7 @@ const emit = defineEmits<{
       data,
       done
     }: {
-      data?: any
+      data?: unknown
       done: (success?: boolean) => void
     }
   ): void

package/src/ui/general/ResponsiveDialog.vue

@@ -44,9 +44,8 @@ import QSubmitButton from './QSubmitButton.vue'
 export interface Props {
   display?: boolean
 }
-const props = defineProps<Props>()
+defineProps<Props>()
 // const attrs = useAttrs();
-const modelValue = ref(false)
 const emit = defineEmits<{
   (
     e: 'submit',

package/src/virtualModules.ts

@@ -70,44 +70,44 @@ export const Icon = (icon: string) => `
   }}
 `
 
-export const FormItem = (field: string) => `
-import { ref, watch, useAttrs, h } from 'vue'
-import { QItem, QItemLabel, QItemSection, useQuasar } from 'quasar'
-import { useLang, loadLang } from '${
-  new URL(`../src/ui/form/lang/index.ts`, import.meta.url).pathname
-}'
+// export const FormItem = (field: string) => `
+// import { ref, watch, useAttrs, h } from 'vue'
+// import { QItem, QItemLabel, QItemSection, useQuasar } from 'quasar'
+// import { useLang, loadLang } from '${
+//   new URL(`../src/ui/form/lang/index.ts`, import.meta.url).pathname
+// }'
 
-export default {
-  setup(props, context) {
-    const $q = useQuasar()
-    const attrs = useAttrs()
+// export default {
+//   setup(props, context) {
+//     const $q = useQuasar()
+//     const attrs = useAttrs()
 
-    const lang = useLang()
+//     const lang = useLang()
 
-    if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
-    watch($q.lang, (val) => {
-      loadLang($q.lang.isoName)
-    })
+//     if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
+//     watch($q.lang, (val) => {
+//       loadLang($q.lang.isoName)
+//     })
 
-    const variables = ref({})
+//     const variables = ref({})
 
-    const functions = ref({
-      // submit
-    })
+//     const functions = ref({
+//       // submit
+//     })
 
-    context.expose({
-      variables,
-      functions
-    })
+//     context.expose({
+//       variables,
+//       functions
+//     })
 
-    // return the render function
-    return () =>
-      h(QItem, { attrs }, [
-        h(QItemSection, {}, [
-          h(QItemLabel, { overline: true }, 'field'),
-          h(QItemLabel, {}, 'field')
-        ])
-      ])
-  }
-}
-`
+//     // return the render function
+//     return () =>
+//       h(QItem, { attrs }, [
+//         h(QItemSection, {}, [
+//           h(QItemLabel, { overline: true }, 'field'),
+//           h(QItemLabel, {}, 'field')
+//         ])
+//       ])
+//   }
+// }
+// `

package/src/vite-plugin.ts

@@ -45,7 +45,7 @@ export default async function ({
     config(config, { mode }) {
       if (mode === 'development' || buildFromSrc) {
         const alias = Object.entries(exports)
-          .filter(([key, val]) => {
+          .filter(([, val]) => {
             return val.src
           })
           .map(([key, val]) => {