@hostlink/nuxt-light 1.13.2 → 1.13.5

package/dist/module.d.mts

@@ -2,6 +2,6 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
 export { type ModuleOptions, _default as default };

package/dist/module.d.ts

@@ -2,6 +2,6 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
 export { type ModuleOptions, _default as default };

package/dist/module.json

@@ -1,9 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.13.2",
-  "builder": {
-    "@nuxt/module-builder": "0.8.3",
-    "unbuild": "2.0.0"
-  }
+  "version": "1.13.5"
 }

package/dist/runtime/components/l-app.vue

@@ -1,7 +1,8 @@
 <script setup>
 import { provide, ref } from 'vue'
 import { useLight, watch } from "#imports";
-//import { useRuntimeConfig } from 'nuxt/app'
+import { useRuntimeConfig } from 'nuxt/app'
+
 import { useQuasar } from 'quasar'
 import { q } from '#imports'
 import { useRoute } from "vue-router";

package/dist/runtime/components/l-banner.vue

@@ -2,7 +2,7 @@
 import { type QBannerProps } from 'quasar'
 import { computed, useSlots } from 'vue'
 
-export interface LBannerProps extends /* @vue-ignore */ QBannerProps {
+export interface LBannerProps extends QBannerProps {
     icon?: string
     type?: 'primary' | 'secondary' | 'accent' | 'dark' | 'positive' | 'negative' | 'info' | 'warning'
 }

package/dist/runtime/components/l-btn.vue

@@ -4,7 +4,7 @@ import { computed, inject, unref, toRaw } from "vue";
 import { useLight } from '#imports';
 import { useI18n } from "vue-i18n";
 
-export interface LBtnProps extends /* @vue-ignore */ QBtnProps {
+export interface LBtnProps extends QBtnProps {
     permission?: string;
 }
 

package/dist/runtime/components/l-card.vue

@@ -8,7 +8,7 @@ const emit = defineEmits(["close"]);
 const minimized = defineModel<boolean>("minimized", { default: false })
 const maximized = defineModel<boolean>("maximized", { default: false })
 
-export interface LCardProps extends /* @vue-ignore */ QCardProps {
+export interface LCardProps extends QCardProps {
     loading?: boolean;
     title?: string;
     /**

package/dist/runtime/components/l-checkbox.vue

@@ -2,7 +2,7 @@
 import { computed } from "vue"
 import { type QCheckboxProps } from "quasar"
 
-export interface LCheckboxProps extends /* @vue-ignore */ QCheckboxProps {
+export interface LCheckboxProps extends QCheckboxProps {
 }
 
 const emit = defineEmits(["update:modelValue"]);

package/dist/runtime/components/l-editor.vue

@@ -27,7 +27,7 @@ const TextHightlightCMD = ((cmd, name) => {
     edit.focus()
 })
 
-export interface LEditorProps extends /* @vue-ignore */ QEditorProps {
+export interface LEditorProps extends QEditorProps {
 }
 
 const emit = defineEmits(["update:modelValue"]);

package/dist/runtime/components/l-file-manager.vue

@@ -2,8 +2,7 @@
 import { useI18n } from "vue-i18n";
 import { ref, watch, computed } from 'vue';
 import { useQuasar, format } from 'quasar';
-import { q, m, useLight } from '#imports';
-import { api } from "../lib";
+import { q, m, useLight, api } from '#imports';
 const { humanStorageSize } = format
 
 const light = useLight();
@@ -255,9 +254,9 @@ const onDeleteSelected = () => {
   }).onOk(async () => {
     for (let row of selected.value) {
       if (row.type == "folder") {
-        await fsDeleteFolder(row.path)
+        await api.fs.folders.delete(row.path)
       } else {
-        await fsDeleteFile(row.path);
+        await api.fs.files.delete(row.path)
       }
     }
     selected.value = [];
@@ -275,7 +274,7 @@ const onNewFolder = () => {
     },
     cancel: true,
   }).onOk(async (name) => {
-    await api.fs.folders.create(path.value + "/" + name)
+    await api.fs.folders.create(path.value + "/" + name);
     const items = await loadItems();
     reloadTreeFolder(path.value, items.folders);
   });
@@ -288,7 +287,7 @@ const onDeleteRow = (row) => {
       message: "Are you sure you want to delete this file?",
       cancel: true,
     }).onOk(async () => {
-      await fsDeleteFile(row.path);
+      await api.fs.files.delete(row.path);
       const items = await loadItems();
       reloadTreeFolder(path.value, items.folders);
     });
@@ -298,7 +297,7 @@ const onDeleteRow = (row) => {
       message: "Are you sure you want to delete this folder?",
       cancel: true,
     }).onOk(async () => {
-      await fsDeleteFolder(row.path);
+      await api.fs.folders.delete(row.path);
       const items = await loadItems();
       reloadTreeFolder(path.value, items.folders);
     });
@@ -316,9 +315,9 @@ const onRenameRow = (row) => {
   }).onOk(async (name) => {
     try {
       if (row.type == "file") {
-        await fsRenameFile(row.path, name)
+        await api.fs.files.rename(row.path, name)
       } else {
-        await fsRenameFolder(row.path, name);
+        await api.fs.folders.rename(row.path, name)
       }
     } catch (e) {
       quasar.dialog({
@@ -420,7 +419,7 @@ const onDownloadRow = async (row) => {
 const search = ref(null);
 
 const reloadStorage = async () => {
-  ath.value = props.base;
+  path.value = props.base;
 
   search.value = "";
   localSearch.value = "";

package/dist/runtime/components/l-input.vue

@@ -5,7 +5,7 @@ import tc2sc from "../lib/tc2sc";
 import { useLight } from '#imports';
 
 import type { QInputProps } from "quasar";
-export interface LInputProps extends /* @vue-ignore */ QInputProps {
+export interface LInputProps extends QInputProps {
     showPassword?: boolean;
     translate?: boolean;
     required?: boolean;

package/dist/runtime/components/l-item.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { QItemProps } from 'quasar';
 
-export interface LItemProps extends /* @vue-ignore */ QItemProps {
+export interface LItemProps extends QItemProps {
     label?: string;
     type?: 'text' | 'caption';
     name?: string;

package/dist/runtime/components/l-list.vue

@@ -2,7 +2,7 @@
 
 import type { QListProps } from 'quasar';
 
-export interface LListProps extends /* @vue-ignore */ QListProps {
+export interface LListProps extends QListProps {
     fields?: any[];
     modelValue?: any;
 }

package/dist/runtime/components/l-login.vue

@@ -1,8 +1,11 @@
 <script setup>
+import { useLight } from "#imports";
 import { ref, reactive, onMounted } from 'vue'
-import { useQuasar } from 'quasar';
+import { useQuasar, Dialog } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { useLight, m, notify, api } from '#imports';
+import { m, notify, api } from '#imports';
+
+
 
 const light = useLight();
 
@@ -17,13 +20,12 @@ const data = reactive({
   username: "", password: "", code: ""
 });
 
-const quasar = useQuasar()
+const qua = useQuasar()
 
 const submit = async () => {
   if (await form1.value.validate()) {
 
     try {
-
       await api.auth.login(data.username, data.password, data.code)
       window.self.location.reload();
     } catch (e) {
@@ -34,9 +36,9 @@ const submit = async () => {
 }
 
 const forgetPassword = async () => {
-  quasar.dialog({
+  Dialog.create({
     title: i18n.t("Forget password"),
-    message: i18n.t("Please enter your email address, we will send you a code to reset your password"),
+    message: "Please enter your email address, we will send you a code to reset your password",
     prompt: {
       model: "",
       type: "email",
@@ -47,12 +49,11 @@ const forgetPassword = async () => {
       return;
     }
 
-
     try {
-      await api.auth.forgetPassword(email);
-      quasar.dialog({
-        title: i18n.t("Enter your code"),
-        message: i18n.t("Please enter the code sent to your email, your code will expire in 10 minutes"),
+      await m("forgetPassword", { email: email });
+      qua.dialog({
+        title: "Enter your code",
+        message: "Please enter the code sent to your email, your code will expire in 10 minutes",
         prompt: {
           model: "",
           type: "text"
@@ -65,9 +66,9 @@ const forgetPassword = async () => {
         }
 
         if (await m("verifyCode", { code: code, email: email })) {
-          quasar.dialog({
-            title: i18n.t("Reset password"),
-            message: i18n.t("Please enter your new password"),
+          qua.dialog({
+            title: "Reset password",
+            message: "Please enter your new password",
             prompt: {
               model: "",
               type: "password"
@@ -77,9 +78,9 @@ const forgetPassword = async () => {
               return;
             }
 
-            if (api.auth.resetPassword(email, password, code)) {
-              quasar.notify({
-                message: i18n.t("Your password has been reset successfully"),
+            if (await m("resetPassword", { password: password, email: email, code: code })) {
+              qua.notify({
+                message: "Your password has been reset successfully",
                 color: "positive",
                 icon: "sym_o_check",
                 position: "top",
@@ -88,8 +89,8 @@ const forgetPassword = async () => {
             }
           });
         } else {
-          quasar.notify({
-            message: i18n.t("Your code is invalid"),
+          qua.notify({
+            message: "Your code is invalid",
             color: "negative",
             icon: "sym_o_error",
             position: "top",
@@ -101,7 +102,7 @@ const forgetPassword = async () => {
 
       });
     } catch (e) {
-      quasar.notify({
+      qua.notify({
         message: e.message,
         color: "negative",
         icon: "sym_o_error",
@@ -142,7 +143,7 @@ onMounted(() => {
 
 
     if (!window.google) {
-      quasar.notify({
+      qua.notify({
         message: "Google login is not available", //set script https://accounts.google.com/gsi/client in nuuxt.config.js
         color: "negative",
         icon: "sym_o_error",

package/dist/runtime/components/l-page.vue

@@ -9,7 +9,7 @@ const router = useRouter();
 const route = useRoute();
 const light = useLight();
 
-export interface LPageProps extends /* @vue-ignore */ QPageProps {
+export interface LPageProps extends QPageProps {
     title?: string;
     backBtn?: boolean;
     editBtn?: boolean;

package/dist/runtime/components/l-select.vue

@@ -8,7 +8,7 @@ const emits = defineEmits(["update:modelValue"]);
 
 const { t } = useI18n();
 const light = useLight();
-interface LSelectProps extends /* @vue-ignore */ QSelectProps {
+interface LSelectProps extends QSelectProps {
     required?: boolean,
 }
 

package/dist/runtime/components/l-table.vue

@@ -11,7 +11,7 @@ const maximized = defineModel<boolean>("maximized", { default: false })
 
 
 // extends QTableColumn
-export interface LTableColumn extends /* @vue-ignore */ QTableColumn {
+export interface LTableColumn extends QTableColumn {
     searchable?: boolean,
     searchType?: string,
     searchOptions?: Array<any> | Function,
@@ -23,7 +23,7 @@ export interface LTableColumn extends /* @vue-ignore */ QTableColumn {
 const errors = ref<InstanceType<any>>([
 ]);
 
-export interface LTableProps extends /* @vue-ignore */ QTableProps {
+export interface LTableProps extends QTableProps {
     columns?: Array<LTableColumn>,
     actions?: Array<string>,
     sortBy?: string | null | undefined,

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

@@ -2,7 +2,7 @@
 import type { QTabsProps } from 'quasar';
 import { onMounted, useSlots } from '#imports';
 const model = defineModel<string | number | null | undefined>()
-export interface LTabsProps extends /* @vue-ignore */ QTabsProps {
+export interface LTabsProps extends QTabsProps {
 }
 defineProps<LTabsProps>();
 const slots = useSlots()

package/dist/runtime/formkit/Form.vue

@@ -2,7 +2,7 @@
 import { ref } from 'vue'
 import { useRouter, useRoute } from "vue-router";
 import { useQuasar } from "quasar";
-import { model } from "#imports";
+import { model } from "#imports"
 
 const route = useRoute();
 const router = useRouter();

package/dist/runtime/index.d.ts

@@ -33,7 +33,7 @@ declare const app: {
     getCompany: () => string;
     setCompanyLogo: (logo: string) => void;
     getCompanyLogo: () => string;
-    getVersion: () => string;
+    getVersion: () => any;
     addError: (error: String) => void;
     getErrors: () => String[];
     removeError: (error: String) => void;
@@ -82,7 +82,7 @@ export declare const useLight: (options?: {
     getCompany: () => string;
     setCompanyLogo: (logo: string) => void;
     getCompanyLogo: () => string;
-    getVersion: () => string;
+    getVersion: () => any;
     addError: (error: String) => void;
     getErrors: () => String[];
     removeError: (error: String) => void;
@@ -98,4 +98,4 @@ export declare const useLight: (options?: {
     isGranted: (right?: string) => boolean;
     setPermissions: (permissions: Array<string>) => void;
 };
-export * from "./lib.js";
+export * from "./lib";

package/dist/runtime/{index.js → index.mjs}

@@ -1,6 +1,6 @@
 import packageJson from "../../package.json";
 import { watch, reactive, toRaw } from "vue";
-import { m, q } from "./lib/index.js";
+import { m, q } from "./lib/index.mjs";
 const errors = [];
 let styles = {};
 const COLOR_CODE = {
@@ -207,4 +207,4 @@ export const useLight = (options = {}) => {
   }
   return app;
 };
-export * from "./lib/index.js";
+export * from "./lib/index.mjs";

package/dist/runtime/lib/{SystemValue.js → SystemValue.mjs}

@@ -1,5 +1,5 @@
-import sv from "./sv.js";
-import { cache } from "./sv.js";
+import sv from "./sv.mjs";
+import { cache } from "./sv.mjs";
 export const loadSV = (name) => {
   return () => sv(name);
 };

package/dist/runtime/lib/defineLightModel.d.ts

@@ -19,5 +19,5 @@ export interface LightModel {
     name: string;
     fields: LightModelFields;
 }
-declare const _default: (model: LightModel) => import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: (model: LightModel) => any;
 export default _default;

package/dist/runtime/lib/{defineLightModel.js → defineLightModel.mjs}

@@ -1,5 +1,5 @@
 import { defineNuxtPlugin } from "#app";
-import { api } from "./index.js";
+import { api } from "./index.mjs";
 export default (model) => {
   return defineNuxtPlugin(() => {
     api.models.create(model.name, model.fields);

package/dist/runtime/lib/{f.js → f.mjs}

@@ -1,5 +1,5 @@
 import { jsonToGraphQLQuery } from "json-to-graphql-query";
-import toJson from "./toJson.js";
+import toJson from "./toJson.mjs";
 export default function(operation, args, fields = []) {
   if (arguments.length === 2) {
     fields = args;

package/dist/runtime/lib/{getApiUrl.js → getApiUrl.mjs}

@@ -1,4 +1,4 @@
-import { getApiBase } from "./index.js";
+import { getApiBase } from "./index.mjs";
 export default function getApiUrl(url, params) {
   const urlParams = new URLSearchParams(params).toString();
   return getApiBase() + `${url}?${urlParams}`;

package/dist/runtime/lib/{getCurrentUser.js → getCurrentUser.mjs}

@@ -1,4 +1,4 @@
-import q from "./q.js";
+import q from "./q.mjs";
 export default async () => {
   try {
     return await q("my", ["username", "first_name", "last_name", "roles"]);

package/dist/runtime/lib/{getGQLFields.js → getGQLFields.mjs}

@@ -1,5 +1,5 @@
-import GQLFieldBuilder from "./GQLFieldBuilder.js";
-import { api } from "./index.js";
+import GQLFieldBuilder from "./GQLFieldBuilder.mjs";
+import { api } from "./index.mjs";
 export default (name, fields) => {
   const builder = GQLFieldBuilder();
   fields.forEach((field) => {

package/dist/runtime/lib/{getID.js → getID.mjs}

@@ -1,4 +1,4 @@
-import { useLight } from "../index.js";
+import { useLight } from "../index.mjs";
 export default () => {
   return useLight().getID();
 };

package/dist/runtime/lib/{getModelColumns.js → getModelColumns.mjs}

@@ -1,4 +1,4 @@
-import { getModelField } from "./index.js";
+import { getModelField } from "./index.mjs";
 export default (model, names) => {
   let columns = [];
   for (let name of names) {

package/dist/runtime/lib/{getModelField.js → getModelField.mjs}

@@ -1,4 +1,4 @@
-import { api } from "./index.js";
+import { api } from "./index.mjs";
 export default (name, field) => {
   return api.model(name).field(field);
 };

package/dist/runtime/lib/{getModelFields.js → getModelFields.mjs}

@@ -1,4 +1,4 @@
-import { getModelField } from "./index.js";
+import { getModelField } from "./index.mjs";
 export default (model, names) => {
   let fields = [];
   for (let name of names) {

package/dist/runtime/lib/{getObject.js → getObject.mjs}

@@ -1,6 +1,6 @@
 import { useRoute } from "vue-router";
-import loadObject from "./loadObject.js";
-import { getModelField } from "./index.js";
+import loadObject from "./loadObject.mjs";
+import { getModelField } from "./index.mjs";
 export default async function(fields = []) {
   let route = useRoute();
   if (!route.name) {

package/dist/runtime/lib/index.d.ts

@@ -1,27 +1,27 @@
 import type { LightClient } from '@hostlink/light';
-export { default as f } from "./f.js";
-export { default as getApiUrl } from "./getApiUrl.js";
-export { default as getCurrentUser } from "./getCurrentUser.js";
-export { default as getObject } from "./getObject.js";
-export { default as list } from "./list.js";
-export { default as m } from "./m.js";
-export { default as q } from "./q.js";
-export { default as t } from "./t.js";
-export { default as updateObject } from "./updateObject.js";
-export { default as listObject } from "./listObject.js";
-export { default as loadObject } from "./loadObject.js";
-export { default as isGranted } from "./isGranted.js";
-export { default as GQLFieldBuilder } from "./GQLFieldBuilder.js";
-export { default as getModelField } from "./getModelField.js";
-export { default as getModelFields } from "./getModelFields.js";
-export { default as getModelColumns } from "./getModelColumns.js";
-export { default as sv } from "./sv.js";
-export { default as model } from "./model.js";
-export { default as defineLightModel } from "./defineLightModel.js";
-export { type LightModelField, type LightModel } from "./defineLightModel.js";
+export { default as f } from "./f";
+export { default as getApiUrl } from "./getApiUrl";
+export { default as getCurrentUser } from "./getCurrentUser";
+export { default as getObject } from "./getObject";
+export { default as list } from "./list";
+export { default as m } from "./m";
+export { default as q } from "./q";
+export { default as t } from "./t";
+export { default as updateObject } from "./updateObject";
+export { default as listObject } from "./listObject";
+export { default as loadObject } from "./loadObject";
+export { default as isGranted } from "./isGranted";
+export { default as GQLFieldBuilder } from "./GQLFieldBuilder";
+export { default as getModelField } from "./getModelField";
+export { default as getModelFields } from "./getModelFields";
+export { default as getModelColumns } from "./getModelColumns";
+export { default as sv } from "./sv";
+export { default as model } from "./model";
+export { default as defineLightModel } from "./defineLightModel";
+export { type LightModelField, type LightModel } from "./defineLightModel";
 export declare const notify: (message: string, color?: string) => void;
-export { default as getID } from "./getID.js";
-export { default as id } from "./getID.js";
+export { default as getID } from "./getID";
+export { default as id } from "./getID";
 export declare const getApiBase: () => {};
 export declare const api: LightClient;
 export declare const getGQLFields: (name: string, fields: string[]) => any[];

package/dist/runtime/lib/index.mjs

@@ -0,0 +1,39 @@
+import { useRuntimeConfig } from "nuxt/app";
+import { Notify } from "quasar";
+import { createClient } from "@hostlink/light";
+export { default as f } from "./f.mjs";
+export { default as getApiUrl } from "./getApiUrl.mjs";
+export { default as getCurrentUser } from "./getCurrentUser.mjs";
+export { default as getObject } from "./getObject.mjs";
+export { default as list } from "./list.mjs";
+export { default as m } from "./m.mjs";
+export { default as q } from "./q.mjs";
+export { default as t } from "./t.mjs";
+export { default as updateObject } from "./updateObject.mjs";
+export { default as listObject } from "./listObject.mjs";
+export { default as loadObject } from "./loadObject.mjs";
+export { default as isGranted } from "./isGranted.mjs";
+export { default as GQLFieldBuilder } from "./GQLFieldBuilder.mjs";
+export { default as getModelField } from "./getModelField.mjs";
+export { default as getModelFields } from "./getModelFields.mjs";
+export { default as getModelColumns } from "./getModelColumns.mjs";
+export { default as sv } from "./sv.mjs";
+export { default as model } from "./model.mjs";
+export { default as defineLightModel } from "./defineLightModel.mjs";
+export const notify = function(message, color = "positive") {
+  Notify.create({
+    message,
+    color,
+    position: "top"
+  });
+};
+export { default as getID } from "./getID.mjs";
+export { default as id } from "./getID.mjs";
+export const getApiBase = () => {
+  const config = useRuntimeConfig();
+  return config?.public?.apiBase ?? "/api/";
+};
+export const api = createClient("");
+export const getGQLFields = (name, fields) => {
+  return api.model(name).gqlFields(fields);
+};

package/dist/runtime/lib/{list.js → list.mjs}

@@ -1,5 +1,5 @@
 import { toQuery } from "@hostlink/light";
-import { api } from "./index.js";
+import { api } from "./index.mjs";
 export default async function list(name, props = null, fields = []) {
   let q = {};
   if (props) {

package/dist/runtime/lib/listObject.d.ts

@@ -1,2 +1,2 @@
-import { Fields } from "@hostlink/light";
+import { type Fields } from "@hostlink/light";
 export default function listObject(name: string, filters: {} | undefined, sort: string, offset: number, limit: number, fields?: Fields): Promise<any>;

package/dist/runtime/lib/{listObject.js → listObject.mjs}

@@ -1,4 +1,4 @@
-import list from "./list.js";
+import list from "./list.mjs";
 export default async function listObject(name, filters = {}, sort, offset, limit, fields = []) {
   const resp = await list(name, {
     filters,

package/dist/runtime/lib/{loadObject.js → loadObject.mjs}

@@ -1,4 +1,4 @@
-import list from "./list.js";
+import list from "./list.mjs";
 export default async function(module, filters, fields = []) {
   let { data } = await list(module, {
     filters

package/dist/runtime/lib/{m.js → m.mjs}

@@ -1,4 +1,4 @@
-import { api } from "./index.js";
+import { api } from "./index.mjs";
 export default function(operation, args, fields = []) {
   return api.mutation(operation, args, fields);
 }

package/dist/runtime/lib/model.d.ts

@@ -1,5 +1,5 @@
 import { api } from ".";
-import type { LTableColumn } from "../components/l-table.vue.js";
+import type { LTableColumn } from "../components/l-table.vue";
 interface LModel extends ReturnType<typeof api.model> {
     columns(fields: string[]): Array<LTableColumn>;
 }

package/dist/runtime/lib/{model.js → model.mjs}

@@ -1,4 +1,4 @@
-import { api } from "./index.js";
+import { api } from "./index.mjs";
 export default (name) => {
   const m = api.model(name);
   return Object.assign(m, {

package/dist/runtime/lib/{q.js → q.mjs}

@@ -1,7 +1,7 @@
-import f from "./f.js";
+import f from "./f.mjs";
 import { jsonToGraphQLQuery } from "json-to-graphql-query";
 import { toQuery } from "@hostlink/light";
-import { api } from "./index.js";
+import { api } from "./index.mjs";
 export default async function(operation, args = null, fields = []) {
   let query;
   if (operation instanceof Object) {

package/dist/runtime/lib/{sv.js → sv.mjs}

@@ -1,11 +1,11 @@
-import { q } from "#imports";
+import { api } from "./index.mjs";
 export const cache = {};
 export default (name) => {
   if (cache[name]) {
     return cache[name];
   }
   const p = new Promise(async (resolve, reject) => {
-    const resp = await q({
+    const resp = await api.query({
       systemValue: {
         __args: {
           name

package/dist/runtime/lib/{updateObject.js → updateObject.mjs}

@@ -1,4 +1,4 @@
-import m from "./m.js";
+import m from "./m.mjs";
 import { Dialog } from "quasar";
 export default async (name, id, data) => {
   try {

package/dist/runtime/pages/Permission/all.vue

@@ -1,10 +1,10 @@
 <script setup>
 import { reactive } from 'vue'
-import { m, q } from '#imports'
+import { m, api } from '#imports'
 import { useI18n } from 'vue-i18n';
 const { t } = useI18n();
 
-const { app, listRole: roles } = await q({
+const { app, listRole: roles } = await api.query({
     app: {
         permissions: true
     },

package/dist/runtime/pages/Permission/export.vue

@@ -1,12 +1,12 @@
 <script setup>
 import { reactive } from 'vue'
 import { utils, writeFileXLSX } from 'xlsx';
-import { q } from '#imports';
+import { api } from '#imports';
 const obj = reactive({
     roles: []
 });
 
-const { app, listRole } = await q({
+const { app, listRole } = await api.query({
     app: {
         permissions: true
     },

package/dist/runtime/pages/System/database/table.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { q } from '#imports';
+import { api } from '#imports';
 
-const { system: { database } } = await q({
+const { system: { database } } = await api.query({
     system: {
         database: {
             table: true
@@ -17,8 +17,8 @@ const { system: { database } } = await q({
             <q-list class="rounded-borders" separator bordered>
                 <q-expansion-item :label="table.name" v-for="table in database.table" dense>
                     <div class="q-ma-sm">
-                        <q-table separator="cell" dense :rows="table.columns" :rows-per-page-options="[0]" hide-pagination
-                            flat bordered></q-table>
+                        <q-table separator="cell" dense :rows="table.columns" :rows-per-page-options="[0]"
+                            hide-pagination flat bordered></q-table>
                     </div>
 
                 </q-expansion-item>

package/dist/runtime/pages/User/_user_id/view.vue

@@ -4,12 +4,6 @@ import { useRoute } from "vue-router"
 import { ref } from 'vue';
 const route = useRoute();
 
-
-console.log(route);
-
-
-
-
 const obj = await getObject(["canUpdate"]);
 
 const light = useLight();

package/dist/runtime/pages/User/index.vue

@@ -16,8 +16,6 @@ const columns = model("User").columns({
     has2FA: true,
 })
 
-console.log(columns);
-
 const status = ref("0");
 
 </script>

package/dist/runtime/pages/User/setting/bio-auth.vue

@@ -1,10 +1,11 @@
 <script setup>
-import { Dialog } from "quasar";
+import { useQuasar } from "quasar";
 import { ref } from "vue"
-import { q, m, getCurrentUser } from '#imports'
+import { q, m, getCurrentUser, api } from '#imports'
 const app = await q("app", ["hasBioAuth"]);
 
-import { api } from "#imports"
+
+const quasar = useQuasar();
 
 const data = ref(await q("listWebAuthn", ["uuid", "ip", "user_agent", "createdTime"]));
 
@@ -15,7 +16,7 @@ const register = async () => {
         const user = await getCurrentUser();
         localStorage.setItem("username", user.username);
     } catch (e) {
-        Dialog.create({
+        quasar.dialog({
             title: "Error",
             message: e.message,
             ok: "OK"
@@ -49,7 +50,7 @@ const columns = [
 
 const deleteItem = async (uuid) => {
     //confirm
-    Dialog.create({
+    quasar.dialog({
         title: "Delete",
         color: "negative",
         message: "Are you sure you want to delete this item?",

package/dist/runtime/pages/User/setting/password.vue

@@ -2,7 +2,6 @@
 import { useI18n } from 'vue-i18n'
 import { Dialog } from 'quasar'
 import { reset } from "@formkit/core"
-
 import { computed } from 'vue'
 import { q, api } from "#imports"
 

package/dist/runtime/pages/User/setting/two-factor-auth.vue

@@ -28,7 +28,7 @@ if (my.twoFactorEnabled) {
 
 </script>
 <template>
-    <l-form @save="save" :bordered="false" v-if="show">
+    <l-form @submit="save" :bordered="false" v-if="show">
         <div>
             <p>
                 Now download the app and scan the qrcode. Input the code to the

package/dist/runtime/plugin.d.ts

@@ -1,3 +1,3 @@
-import "./assets/main.css.js";
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+import "./assets/main.css";
+declare const _default: any;
 export default _default;

package/dist/runtime/{plugin.js → plugin.mjs}

@@ -4,17 +4,17 @@ import { defineNuxtPlugin } from "#app";
 import "./assets/main.css";
 import message_en from "./locales/en.json";
 import message_zh from "./locales/zh-hk.json";
-import { api } from "./lib/index.js";
+import { api } from "./lib/index.mjs";
 localStorage.getItem("locale") || localStorage.setItem("locale", "en");
 import { createQuasarPlugin } from "formkit-quasar";
-import { createLightPlugin } from "./formkit/index.js";
+import { createLightPlugin } from "./formkit/index.mjs";
 import { plugin, defaultConfig } from "@formkit/vue";
-import { getApiBase, useLight } from "./index.js";
-import TypeUser from "./types/User.js";
-import TypeUserLog from "./types/UserLog.js";
-import TypeSystemValue from "./types/SystemValue.js";
-import TypeMailLog from "./types/MailLog.js";
-import TypeEventLog from "./types/EventLog.js";
+import { getApiBase, useLight } from "./index.mjs";
+import TypeUser from "./types/User.mjs";
+import TypeUserLog from "./types/UserLog.mjs";
+import TypeSystemValue from "./types/SystemValue.mjs";
+import TypeMailLog from "./types/MailLog.mjs";
+import TypeEventLog from "./types/EventLog.mjs";
 import { zhTW } from "@formkit/i18n";
 export default defineNuxtPlugin((nuxtApp) => {
   api.axios.defaults.baseURL = getApiBase();

package/dist/types.d.mts

@@ -1 +1,16 @@
-export { type ModuleOptions, default } from './module.js'
+
+import type { ModuleOptions } from './module.js'
+
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['light']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['light']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['light']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['light']?: ModuleOptions }
+}
+
+
+export type { ModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -1 +1,16 @@
-export { type ModuleOptions, default } from './module'
+
+import type { ModuleOptions } from './module'
+
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['light']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['light']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['light']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['light']?: ModuleOptions }
+}
+
+
+export type { ModuleOptions, default } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.13.2",
+  "version": "1.13.5",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -10,6 +10,10 @@
       "types": "./dist/types.d.ts",
       "import": "./dist/module.mjs",
       "require": "./dist/module.cjs"
+    },
+    "./dist": {
+      "types": "./dist/runtime/index.d.ts",
+      "import": "./dist/runtime/index.mjs"
     }
   },
   "main": "./dist/module.cjs",
@@ -21,7 +25,7 @@
     "prepack": "nuxt-module-build build",
     "dev": "nuxi dev playground --host",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxi prepare playground",
     "release:org": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
     "release": "npm run prepack && changelogen --release && npm publish --access=public && git push --follow-tags",
     "lint": "eslint .",
@@ -29,26 +33,26 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@formkit/drag-and-drop": "^0.1.6",
+    "@formkit/drag-and-drop": "^0.0.36",
     "@hostlink/light": "^2.0.1",
-    "@nuxt/kit": "^3.13.0",
+    "@nuxt/kit": "^3.7.4",
+    "@nuxt/module-builder": "^0.5.2",
     "@quasar/extras": "^1.16.11",
     "@quasar/vite-plugin": "^1.7.0",
-    "axios": "^1.7.7",
+    "axios": "^1.5.0",
     "diff2html": "^3.4.47",
     "formkit-quasar": "^0.0.15",
     "json-to-graphql-query": "^2.2.5",
-    "quasar": "^2.16.9",
+    "quasar": "^2.15.4",
     "vue-i18n": "^9.2.2",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz"
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/module-builder": "^0.8.3",
     "@nuxt/schema": "^3.7.4",
     "@nuxt/test-utils": "^3.7.0",
-    "@types/node": "^22.5.0",
+    "@types/node": "^18.17.3",
     "changelogen": "^0.5.4",
     "eslint": "^8.46.0",
     "nuxt": "^3.7.0"

package/dist/runtime/lib/index.js

@@ -1,39 +0,0 @@
-import { useRuntimeConfig } from "nuxt/app";
-import { Notify } from "quasar";
-import { createClient } from "@hostlink/light";
-export { default as f } from "./f.js";
-export { default as getApiUrl } from "./getApiUrl.js";
-export { default as getCurrentUser } from "./getCurrentUser.js";
-export { default as getObject } from "./getObject.js";
-export { default as list } from "./list.js";
-export { default as m } from "./m.js";
-export { default as q } from "./q.js";
-export { default as t } from "./t.js";
-export { default as updateObject } from "./updateObject.js";
-export { default as listObject } from "./listObject.js";
-export { default as loadObject } from "./loadObject.js";
-export { default as isGranted } from "./isGranted.js";
-export { default as GQLFieldBuilder } from "./GQLFieldBuilder.js";
-export { default as getModelField } from "./getModelField.js";
-export { default as getModelFields } from "./getModelFields.js";
-export { default as getModelColumns } from "./getModelColumns.js";
-export { default as sv } from "./sv.js";
-export { default as model } from "./model.js";
-export { default as defineLightModel } from "./defineLightModel.js";
-export const notify = function(message, color = "positive") {
-  Notify.create({
-    message,
-    color,
-    position: "top"
-  });
-};
-export { default as getID } from "./getID.js";
-export { default as id } from "./getID.js";
-export const getApiBase = () => {
-  const config = useRuntimeConfig();
-  return config?.public?.apiBase ?? "/api/";
-};
-export const api = createClient("");
-export const getGQLFields = (name, fields) => {
-  return api.model(name).gqlFields(fields);
-};