@hostlink/nuxt-light 1.40.4 → 1.41.0

package/dist/module.json

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

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

@@ -1,6 +1,7 @@
 <script setup>
 import { useLight, q, m } from "#imports";
-import { ref, computed, useSlots, onMounted } from "vue";
+import { ref, computed, onMounted } from "vue";
+import { useStorage } from "@vueuse/core";
 const emit = defineEmits(["close"]);
 const minimized = defineModel("minimized", { type: Boolean, ...{ default: false } });
 const maximized = defineModel("maximized", { type: Boolean, ...{ default: false } });
@@ -12,12 +13,17 @@ const props = defineProps({
   closeable: { type: Boolean, required: false },
   minimizable: { type: Boolean, required: false },
   maximizable: { type: Boolean, required: false },
+  name: { type: String, required: false },
   dark: { type: [Boolean, null], required: false, skipCheck: true },
   square: { type: Boolean, required: false, skipCheck: true, default: void 0 },
   flat: { type: Boolean, required: false, skipCheck: true, default: void 0 },
   bordered: { type: Boolean, required: false, skipCheck: true, default: void 0 },
   tag: { type: null, required: false }
 });
+const storedMinimized = props.name ? useStorage(`l-card-minimized-${props.name}`, false) : ref(false);
+if (props.name && storedMinimized.value) {
+  minimized.value = storedMinimized.value;
+}
 const attrs = computed(() => {
   return { ...light.styles.card, ...Object.fromEntries(Object.entries(props).filter(([key, value]) => value !== void 0)) };
 });
@@ -84,6 +90,12 @@ onMounted(async () => {
 const onClose = () => {
   emit("close");
 };
+const onMinimize = () => {
+  minimized.value = !minimized.value;
+  if (props.name) {
+    storedMinimized.value = minimized.value;
+  }
+};
 </script>
 
 <template>
@@ -106,7 +118,7 @@ const onClose = () => {
                 </q-menu>
             </q-btn>
 
-            <q-btn dense flat :icon="minimized ? 'sym_o_add' : 'sym_o_remove'" @click="minimized = !minimized"
+            <q-btn dense flat :icon="minimized ? 'sym_o_add' : 'sym_o_remove'" @click="onMinimize"
                 v-if="minimizable && !maximized" />
             <q-btn dense flat @click="maximized = !maximized"
                 :icon="maximized ? 'sym_o_select_window_2' : 'sym_o_crop_square'" v-if="maximizable" />

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

@@ -9,6 +9,7 @@ export interface LCardProps extends QCardProps {
     closeable?: boolean;
     minimizable?: boolean;
     maximizable?: boolean;
+    name?: string;
 }
 type __VLS_Props = LCardProps;
 type __VLS_PublicProps = __VLS_Props & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.40.4",
+  "version": "1.41.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -36,6 +36,7 @@
     "@nuxt/module-builder": "^1.0.1",
     "@quasar/extras": "^1.17.0",
     "@quasar/quasar-ui-qmarkdown": "^2.0.5",
+    "@vueuse/core": "^13.9.0",
     "axios": "^1.12.2",
     "defu": "^6.1.4",
     "diff2html": "^3.4.47",