@hostlink/nuxt-light 1.33.6 → 1.34.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.33.6",
+  "version": "1.34.0",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

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

@@ -7,9 +7,9 @@ declare const _default: import("vue").DefineComponent<LEditorProps, {}, {}, {},
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     dense: boolean;
+    placeholder: string;
     modelValue: string;
     fonts: any | undefined;
     toolbar: readonly any[];
-    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,11 +1,13 @@
 <script setup>
-import { useSlots } from "#imports";
-defineProps({
+import { useSlots, useRouter, useRoute, watch, onMounted } from "#imports";
+const props = defineProps({
+  name: { type: String, required: false, default: "tab" },
+  route: { type: Boolean, required: false },
   modelValue: { type: null, required: false },
   vertical: { type: Boolean, required: false, skipCheck: true },
   outsideArrows: { type: Boolean, required: false, skipCheck: true },
   mobileArrows: { type: Boolean, required: false, skipCheck: true },
-  align: { type: null, required: false },
+  align: { type: null, required: false, default: "justify" },
   breakpoint: { type: null, required: false },
   activeColor: { type: null, required: false },
   activeBgColor: { type: null, required: false },
@@ -24,15 +26,36 @@ defineProps({
   "onUpdate:modelValue": { type: Function, required: false }
 });
 const slots = useSlots();
+const router = useRouter();
+const route = useRoute();
 const modelValue = defineModel({ type: null });
 if (modelValue.value === void 0) {
-  modelValue.value = slots.default?.()[0]?.props?.name;
+  if (props.route && props.name && route.query[props.name]) {
+    modelValue.value = route.query[props.name];
+  } else {
+    modelValue.value = slots.default?.()[0]?.props?.name;
+  }
 }
+watch(modelValue, (newValue) => {
+  if (props.route && props.name && newValue) {
+    router.push({
+      query: {
+        ...route.query,
+        [props.name]: newValue
+      }
+    });
+  }
+}, { immediate: false });
+watch(() => props.name ? route.query[props.name] : null, (newTab) => {
+  if (props.route && props.name && newTab && newTab !== modelValue.value) {
+    modelValue.value = newTab;
+  }
+});
 </script>
 
 <template>
     <l-card>
-        <q-tabs class="text-grey" :active-color="$light.color" :indicator-color="$light.color" align="justify"
+        <q-tabs v-bind="$props" class="text-grey" :active-color="$light.color" :indicator-color="$light.color"
             v-model="modelValue">
             <slot></slot>
         </q-tabs>

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

@@ -1,5 +1,7 @@
 import type { QTabsProps } from 'quasar';
 export interface LTabsProps extends QTabsProps {
+    name?: string;
+    route?: boolean;
 }
 type __VLS_Props = LTabsProps;
 type __VLS_PublicProps = __VLS_Props & {
@@ -15,7 +17,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    name: string;
+    align: "left" | "right" | "center" | "justify";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/composables/useAsyncObject.d.ts

@@ -1 +1 @@
-export default function (fields: Object): import("#app").AsyncData<any, import("#app").NuxtError<unknown> | null> | undefined;
+export default function (fields: Object): import("#app").AsyncData<any, import("#app").NuxtError<unknown> | undefined> | undefined;

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

@@ -15,17 +15,16 @@ const columns = model("User").columns({
   has2FA: true
   //_test: true,
 });
-const status = ref("0");
 </script>
 
 <template>
     <l-page>
-        <l-tabs v-model="status">
-            <l-tab label="Active" name="0">
+        <l-tabs route>
+            <l-tab label="Active" name="active">
                 <l-table ref="table" row-key="user_id" @request-data="onRequest" :columns="columns"
                     :actions="['view', 'edit', 'delete']"></l-table>
             </l-tab>
-            <l-tab label="Inactive" name="1">
+            <l-tab label="Inactive" name="inactive">
                 <l-table row-key="user_id" @request-data="onRequest" :columns="columns"
                     :actions="['view', 'edit', 'delete']">
                 </l-table>

package/dist/runtime/plugins/models.client.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.33.6",
+  "version": "1.34.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -49,13 +49,13 @@
   "devDependencies": {
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/kit": "^3.16.2",
-    "@nuxt/schema": "^3.16.2",
+    "@nuxt/kit": "^4.0.3",
+    "@nuxt/schema": "^4.0.3",
     "@nuxt/test-utils": "^3.17.2",
     "@types/node": "^22.5.0",
     "changelogen": "^0.5.4",
     "eslint": "^8.46.0",
-    "nuxt": "^3.16.2",
+    "nuxt": "^4.0.3",
     "typescript": "^5.8.3",
     "vue-tsc": "^2.2.8"
   }