@hostlink/nuxt-light 1.27.7 → 1.28.0

package/dist/module.d.mts

@@ -4,4 +4,5 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.27.7",
+  "version": "1.28.0",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
-    "unbuild": "2.0.0"
+    "@nuxt/module-builder": "1.0.1",
+    "unbuild": "3.5.0"
   }
 }

package/dist/module.mjs

@@ -1,7 +1,4 @@
-import { dirname } from 'node:path';
-import { createResolver, defineNuxtModule, resolvePath, addVitePlugin, addComponentsDir, addImports, resolveFiles, addPlugin } from '@nuxt/kit';
-import { readFile } from 'node:fs/promises';
-import { quasar } from '@quasar/vite-plugin';
+import { createResolver, defineNuxtModule, installModule, addComponentsDir, addImportsDir, addImports, resolveFiles, addPlugin } from '@nuxt/kit';
 
 const resolver = createResolver(import.meta.url);
 const routes = [
@@ -261,6 +258,44 @@ const module = defineNuxtModule({
     }
   },
   async setup(options, nuxt) {
+    await installModule("nuxt-quasar-ui", {
+      config: {
+        brand: {
+          primary: "#7367f0",
+          secondary: "#82868b",
+          accent: "#9C27B0",
+          dark: "#4b4b4b",
+          darkPage: "#121212",
+          positive: "#28c76f",
+          negative: "#ea5455",
+          info: "#00cfe8",
+          warning: "#ff9f43"
+        }
+      },
+      components: {
+        defaults: {
+          QInput: {
+            stackLabel: true,
+            outlined: true
+          },
+          QSelect: {
+            stackLabel: true,
+            outlined: true
+          },
+          QCard: {
+            flat: true,
+            bordered: true
+          },
+          QTable: {
+            dense: true,
+            flat: true,
+            bordered: true,
+            separator: "cell"
+          }
+        }
+      },
+      plugins: ["Dialog", "Loading", "LoadingBar", "Notify"]
+    });
     nuxt.options.imports = nuxt.options.imports || {};
     nuxt.options.imports.presets = nuxt.options.imports.presets || [];
     nuxt.options.imports.presets.push({ from: "quasar", imports: ["useQuasar"] });
@@ -271,25 +306,17 @@ const module = defineNuxtModule({
     nuxt.options.vite.optimizeDeps.include.push("json-to-graphql-query");
     nuxt.options.vite.optimizeDeps.include.push("collect.js");
     const resolver = createResolver(import.meta.url);
-    const { resolve: resolveQuasar } = createResolver(dirname(await resolvePath("quasar/package.json")));
-    const importMap = JSON.parse(await await readFile(resolveQuasar("dist/transforms/import-map.json"), "utf-8"));
-    nuxt.options.css.push("quasar/dist/quasar.prod.css");
-    nuxt.options.css.push("@quasar/extras/material-icons/material-icons.css");
-    nuxt.options.css.push("@quasar/extras/material-icons-outlined/material-icons-outlined.css");
-    nuxt.options.css.push("@quasar/extras/fontawesome-v6/fontawesome-v6.css");
-    nuxt.options.css.push("@quasar/extras/fontawesome-v5/fontawesome-v5.css");
-    nuxt.options.css.push("@quasar/extras/mdi-v7/mdi-v7.css");
     nuxt.options.app.head.link = nuxt.options.app.head.link || [];
     nuxt.options.app.head.link.push({
       rel: "stylesheet",
       href: "https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+HK&family=Noto+Sans+TC&family=Material+Symbols+Outlined"
     });
-    addVitePlugin(quasar());
     await addComponentsDir({
       path: resolver.resolve("./runtime/components")
     });
     const index = resolver.resolve("./runtime/index");
     const SystemValue = resolver.resolve("./runtime/lib/SystemValue");
+    addImportsDir(resolver.resolve("./runtime/composables"));
     addImports([
       { name: "api", from: index },
       { name: "id", from: index },
@@ -336,36 +363,7 @@ const module = defineNuxtModule({
       src: resolver.resolve("./runtime/plugin"),
       mode: "client"
     });
-    addVitePlugin(virtualQuasarEntryPlugin({
-      resolveQuasar,
-      dev: nuxt.options.dev,
-      imports: {
-        raw: importMap
-      }
-    }));
   }
 });
-function virtualQuasarEntryPlugin(context) {
-  const { resolveQuasar } = context;
-  const QUASAR_ENTRY = "quasar";
-  const QUASAR_VIRTUAL_ENTRY = "/__quasar/entry.mjs";
-  const clientEntry = resolveQuasar("dist/quasar.client.js");
-  return {
-    name: "quasar:entry",
-    enforce: "pre",
-    resolveId(id) {
-      if (id === QUASAR_ENTRY) {
-        return {
-          id: clientEntry,
-          moduleSideEffects: false
-        };
-      }
-    },
-    async load(id) {
-      if (!context.dev && id === QUASAR_VIRTUAL_ENTRY)
-        return Object.entries(context.imports.raw).filter(([, path]) => !path.includes("/__tests__/")).map(([name, path]) => `export { default as ${name} } from "quasar/${path}"`).join("\n");
-    }
-  };
-}
 
 export { module as default };

package/dist/runtime/components/L/CustomField/Add.vue

@@ -1,54 +1,43 @@
-<script setup>
-import { useDialogPluginComponent, useQuasar } from 'quasar'
-import { m, q } from "#imports"
-const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent()
-
-
-defineProps({
-    models: {
-        type: Array,
-        required: true
-    }
-})
-
-const $q = useQuasar()
-
-defineEmits([
-    // REQUIRED; need to specify some events that your
-    // component will emit through useDialogPluginComponent()
-    ...useDialogPluginComponent.emits
-])
-
-const types = [
-    { label: 'Text', value: 'text' },
-    { label: 'Textarea', value: 'textarea' },
-    { label: 'Select', value: 'select' },
-    { label: 'Date', value: 'date' },
-    { label: 'Time', value: 'time' }
-]
-
-const onOKClick = async (value) => {
-    try {
-        await m("addCustomField", {
-            data: value
-        })
-        //show success message
-        $q.notify({
-            icon: 'sym_o_check',
-            message: 'Custom Field added successfully',
-            color: 'positive',
-        })
-        onDialogOK()
-
-    } catch (e) {
-
-    }
-
-
-}
-
-</script>
-<template>
+<script setup>
+import { useDialogPluginComponent, useQuasar } from "quasar";
+import { m, q } from "#imports";
+const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent();
+defineProps({
+  models: {
+    type: Array,
+    required: true
+  }
+});
+const $q = useQuasar();
+defineEmits([
+  // REQUIRED; need to specify some events that your
+  // component will emit through useDialogPluginComponent()
+  ...useDialogPluginComponent.emits
+]);
+const types = [
+  { label: "Text", value: "text" },
+  { label: "Textarea", value: "textarea" },
+  { label: "Select", value: "select" },
+  { label: "Date", value: "date" },
+  { label: "Time", value: "time" }
+];
+const onOKClick = async (value) => {
+  try {
+    await m("addCustomField", {
+      data: value
+    });
+    $q.notify({
+      icon: "sym_o_check",
+      message: "Custom Field added successfully",
+      color: "positive"
+    });
+    onDialogOK();
+  } catch (e) {
+  }
+};
+</script>
+
+<template>
     <q-dialog ref="dialogRef" full-width>
         <q-card class="q-dialog-plugin">
             <q-toolbar>
@@ -91,4 +80,4 @@ const onOKClick = async (value) => {
 
         </q-card>
     </q-dialog>
-</template>
+</template>

package/dist/runtime/components/L/CustomField/Add.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/components/L/CustomField/List.vue

@@ -1,35 +1,31 @@
-<script setup lang="ts">
-import { q } from '#imports'
-
-import type { QListProps } from 'quasar';
-
-export interface LCustomFieldListProps extends  QListProps {
-    model: String,
-    data: { [key: string]: any }
-}
-
-const props = withDefaults(defineProps<LCustomFieldListProps>(), {
-    bordered: true,
-    separator: true,
-    dense: true,
-});
-
-
-const { app } = await q({
-    app: {
-        customFieldSchema: {
-            __args: {
-                model: props.model
-            }
-        }
-    }
-})
-const { customFieldSchema } = app
-</script>
-<template>
+<script setup>
+import { q } from "#imports";
+const props = defineProps({
+  model: { type: null, required: true },
+  data: { type: Object, required: true },
+  bordered: { type: Boolean, required: false, skipCheck: true, default: true },
+  dense: { type: Boolean, required: false, skipCheck: true, default: true },
+  separator: { type: Boolean, required: false, skipCheck: true, default: true },
+  dark: { type: [Boolean, null], required: false, skipCheck: true },
+  padding: { type: Boolean, required: false, skipCheck: true },
+  tag: { type: null, required: false }
+});
+const { app } = await q({
+  app: {
+    customFieldSchema: {
+      __args: {
+        model: props.model
+      }
+    }
+  }
+});
+const { customFieldSchema } = app;
+</script>
+
+<template>
     <q-list v-bind="$props">
         <l-item v-for="field in customFieldSchema" :label="field.label">
             {{ data[field.name] }}
         </l-item>
     </q-list>
-</template>
+</template>

package/dist/runtime/components/L/CustomField/List.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/components/L/Database/create-table-dialog.vue

@@ -1,40 +1,24 @@
-<script setup>
-import { useDialogPluginComponent } from 'quasar'
-
-const props = defineProps({
-    // ...your custom props
-})
-
-// this is part of our example (so not required)
-function onOKClick(value) {
-
-
-    //nullable are boolean values
-    value.fields.forEach((field) => {
-        field.nullable = field.nullable ? true : false;
-
-    })
-
-
-    // on OK, it is REQUIRED to
-    // call onDialogOK (with optional payload)
-    onDialogOK(value)
-    // or with payload: onDialogOK({ ... })
-    // ...and it will also hide the dialog automatically
-}
-
-defineEmits([
-    // REQUIRED; need to specify some events that your
-    // component will emit through useDialogPluginComponent()
-    ...useDialogPluginComponent.emits
-])
-
-const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent()
-const types = ["varchar", "int", "date", "time", "datetime", "timestamp", "text", "blob", "json", "jsonb", "uuid", "boolean", "decimal", "float", "double", "real", "numeric", "smallint", "bigint", "tinyint", "mediumint", "char", "binary", "varbinary", "enum"]
-
-</script>
-<template>
-
+<script setup>
+import { useDialogPluginComponent } from "quasar";
+const props = defineProps({
+  // ...your custom props
+});
+function onOKClick(value) {
+  value.fields.forEach((field) => {
+    field.nullable = field.nullable ? true : false;
+  });
+  onDialogOK(value);
+}
+defineEmits([
+  // REQUIRED; need to specify some events that your
+  // component will emit through useDialogPluginComponent()
+  ...useDialogPluginComponent.emits
+]);
+const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent();
+const types = ["varchar", "int", "date", "time", "datetime", "timestamp", "text", "blob", "json", "jsonb", "uuid", "boolean", "decimal", "float", "double", "real", "numeric", "smallint", "bigint", "tinyint", "mediumint", "char", "binary", "varbinary", "enum"];
+</script>
+
+<template>
     <q-dialog ref="dialogRef" full-width>
         <q-card class="q-dialog-plugin">
             <q-toolbar>
@@ -69,4 +53,4 @@ const types = ["varchar", "int", "date", "time", "datetime", "timestamp", "text"
 
         </q-card>
     </q-dialog>
-</template>
+</template>

package/dist/runtime/components/L/Database/create-table-dialog.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/components/L/Fieldset.vue

@@ -1,27 +1,23 @@
-<script setup>
-
-import { useI18n } from 'vue-i18n';
-
-const i18n = useI18n();
-
-const props = defineProps({
-    gutter: {
-        type: String,
-        default: "none"
-    },
-    label: {
-        type: String,
-        default: null
-    }
-
-})
-
-</script>
-
+<script setup>
+import { useI18n } from "vue-i18n";
+const i18n = useI18n();
+const props = defineProps({
+  gutter: {
+    type: String,
+    default: "none"
+  },
+  label: {
+    type: String,
+    default: null
+  }
+});
+</script>
+
 <style scoped>
 body.body--dark fieldset{border-color:hsla(0,0%,100%,.6)}fieldset{border:1px solid rgba(0,0,0,.24);border-radius:4px}legend{padding-left:.5rem;padding-right:.5rem}
-</style>
-<template>
+</style>
+
+<template>
     <fieldset>
         <legend v-if="props.label">{{ i18n.t(props.label) }}</legend>
 
@@ -33,4 +29,4 @@ body.body--dark fieldset{border-color:hsla(0,0%,100%,.6)}fieldset{border:1px sol
 
 
     </fieldset>
-</template>
+</template>

package/dist/runtime/components/L/Fieldset.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/runtime/components/L/ForgetPasswordDialog.vue

@@ -1,43 +1,41 @@
-<script setup>
-import { ref } from 'vue'
-import { useQuasar, useDialogPluginComponent } from 'quasar'
-import { api } from '#imports';
-import { useI18n } from 'vue-i18n';
-const { t } = useI18n();
-const $q = useQuasar()
-
-const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent()
-
-const username = ref('')
-const email = ref('')
-const onOKClick = async () => {
-    if (username.value == '' || email.value == '') {
-        $q.notify({
-            type: 'negative',
-            message: t('Username and Email is required')
-        })
-        return;
-    }
-
-    try {
-        $q.loading.show();
-        await api.auth.forgetPassword(username.value, email.value);
-        onDialogOK({
-            username: username.value,
-            email: email.value
-        })
-    } catch (e) {
-        $q.notify({
-            type: 'negative',
-            message: e.message
-        })
-        onDialogCancel()
-    } finally {
-        $q.loading.hide();
-    }
-}
-</script>
-<template>
+<script setup>
+import { ref } from "vue";
+import { useQuasar, useDialogPluginComponent } from "quasar";
+import { api } from "#imports";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
+const $q = useQuasar();
+const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent();
+const username = ref("");
+const email = ref("");
+const onOKClick = async () => {
+  if (username.value == "" || email.value == "") {
+    $q.notify({
+      type: "negative",
+      message: t("Username and Email is required")
+    });
+    return;
+  }
+  try {
+    $q.loading.show();
+    await api.auth.forgetPassword(username.value, email.value);
+    onDialogOK({
+      username: username.value,
+      email: email.value
+    });
+  } catch (e) {
+    $q.notify({
+      type: "negative",
+      message: e.message
+    });
+    onDialogCancel();
+  } finally {
+    $q.loading.hide();
+  }
+};
+</script>
+
+<template>
     <q-dialog ref="dialogRef">
         <q-card class="q-dialog-plugin">
 
@@ -63,4 +61,4 @@ const onOKClick = async () => {
             </q-card-actions>
         </q-card>
     </q-dialog>
-</template>
+</template>

package/dist/runtime/components/L/ForgetPasswordDialog.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;