@hostlink/nuxt-light 1.55.0 → 1.56.0

package/README.md

@@ -1,121 +1,121 @@
-<!--
-Get your module up and running quickly.
-
-Find and replace all on all files (CMD+SHIFT+F):
-- Name: nuxt-light
-- Package name: nuxt-light
-- Description: My new Nuxt module
--->
-
-# nuxt-light
-
-[![npm version][npm-version-src]][npm-version-href]
-[![npm downloads][npm-downloads-src]][npm-downloads-href]
-[![License][license-src]][license-href]
-[![Nuxt][nuxt-src]][nuxt-href]
-
-This is a Hostlink nuxt-light framework for Nuxt.
-
-- [✨ &nbsp;Release Notes](/CHANGELOG.md)
-<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/nuxt-light?file=playground%2Fapp.vue) -->
-<!-- - [📖 &nbsp;Documentation](https://example.com) -->
-
-## Features
-
-<!-- Highlight some of the features your module provide here -->
-- HostLink nuxt-light framework
-
-## Quick Setup
-
-1. Add `nuxt-light` dependency to your project
-
-```bash
-# Using npm
-npm install --save-dev @hostlink/nuxt-light
-```
-
-2. Add `@hostlink/nuxt-light` to the `modules` section of `nuxt.config.ts`
-
-```js
-import pkg from './package.json'
-export default defineNuxtConfig({
-  runtimeConfig: {
-    public: {
-      //apiBase: 'your-api-base-url'
-      appVersion: pkg.version
-    }
-  },
-  ssr:false,
-  modules: [
-    '@hostlink/nuxt-light'
-  ]
-})
-```
-
-That's it! You can now use nuxt-light in your Nuxt app ✨
-
-## Development
-
-```bash
-# Install dependencies
-npm install
-
-# Generate type stubs
-npm run dev:prepare
-
-# Develop with the playground
-npm run dev
-
-# Build the playground
-npm run dev:build
-
-# Run ESLint
-npm run lint
-
-# Run Vitest
-npm run test
-npm run test:watch
-
-# Release new version
-npm run release
-```
-
-<!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/@hostlink/nuxt-light/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-version-href]: https://npmjs.com/package/@hostlink/nuxt-light
-
-[npm-downloads-src]: https://img.shields.io/npm/dm/@hostlink/nuxt-light.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-downloads-href]: https://npmjs.com/package/@hostlink/nuxt-light
-
-[license-src]: https://img.shields.io/npm/l/@hostlink/nuxt-light.svg?style=flat&colorA=18181B&colorB=28CF8D
-[license-href]: https://npmjs.com/package/@hostlink/nuxt-light
-
-[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
-[nuxt-href]: https://nuxt.com
-
-
-
-### app.vue
-```html
-<template>
-  <l-app/>
-</template>
-```
-
-
-
-## Google Sigin
-nuxt.config.ts
-```js
- app: {
-    head: {
-      script: [
-        {
-          src: 'https://accounts.google.com/gsi/client',
-          async: true,
-          defer: true,
-        }
-      ]
-    }
-  }
+<!--
+Get your module up and running quickly.
+
+Find and replace all on all files (CMD+SHIFT+F):
+- Name: nuxt-light
+- Package name: nuxt-light
+- Description: My new Nuxt module
+-->
+
+# nuxt-light
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+This is a Hostlink nuxt-light framework for Nuxt.
+
+- [✨ &nbsp;Release Notes](/CHANGELOG.md)
+<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/nuxt-light?file=playground%2Fapp.vue) -->
+<!-- - [📖 &nbsp;Documentation](https://example.com) -->
+
+## Features
+
+<!-- Highlight some of the features your module provide here -->
+- HostLink nuxt-light framework
+
+## Quick Setup
+
+1. Add `nuxt-light` dependency to your project
+
+```bash
+# Using npm
+npm install --save-dev @hostlink/nuxt-light
+```
+
+2. Add `@hostlink/nuxt-light` to the `modules` section of `nuxt.config.ts`
+
+```js
+import pkg from './package.json'
+export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      //apiBase: 'your-api-base-url'
+      appVersion: pkg.version
+    }
+  },
+  ssr:false,
+  modules: [
+    '@hostlink/nuxt-light'
+  ]
+})
+```
+
+That's it! You can now use nuxt-light in your Nuxt app ✨
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Generate type stubs
+npm run dev:prepare
+
+# Develop with the playground
+npm run dev
+
+# Build the playground
+npm run dev:build
+
+# Run ESLint
+npm run lint
+
+# Run Vitest
+npm run test
+npm run test:watch
+
+# Release new version
+npm run release
+```
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/@hostlink/nuxt-light/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-version-href]: https://npmjs.com/package/@hostlink/nuxt-light
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/@hostlink/nuxt-light.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-downloads-href]: https://npmjs.com/package/@hostlink/nuxt-light
+
+[license-src]: https://img.shields.io/npm/l/@hostlink/nuxt-light.svg?style=flat&colorA=18181B&colorB=28CF8D
+[license-href]: https://npmjs.com/package/@hostlink/nuxt-light
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
+[nuxt-href]: https://nuxt.com
+
+
+
+### app.vue
+```html
+<template>
+  <l-app/>
+</template>
+```
+
+
+
+## Google Sigin
+nuxt.config.ts
+```js
+ app: {
+    head: {
+      script: [
+        {
+          src: 'https://accounts.google.com/gsi/client',
+          async: true,
+          defer: true,
+        }
+      ]
+    }
+  }
 ```

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.55.0",
+  "version": "1.56.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -38,46 +38,44 @@ const onOKClick = async (value) => {
 </script>
 
 <template>
-    <q-dialog ref="dialogRef" full-width>
-        <q-card class="q-dialog-plugin">
-            <q-toolbar>
-                <q-toolbar-title>Add Custom Field</q-toolbar-title>
-                <q-space />
-                <q-btn dense flat icon="sym_o_close" v-close-popup />
-            </q-toolbar>
-
-            <form-kit type="l-form"
-                :value="{ type: 'text', order: 1, options: [], default_value: '', placeholder: '', validation: '' }"
-                #default="{ value, node }" @submit="onOKClick">
-                <form-kit type="l-input" name="name" label="Name" validation="required" />
-
-                <form-kit type="l-select" name="model" label="Model" :options="models" validation="required" />
-
-                <form-kit type="l-select" name="type" label="Type" :options="types" validation="required" />
-
-                <form-kit type="hidden" name="validation" />
-                <l-validation-input v-model="value.validation" @update:model-value="node.at('validation').input($event)"
-                    :type="value.type" />
-
-
-                <form-kit type="l-input" name="label" label="Label" validation="required" />
-
-                <form-kit type="hidden" name="options" />
-                <template v-if="value.type === 'select'">
-                    <form-kit type="l-select" label="Options" name="options" use-input use-chips multiple
-                        hide-dropdown-icon input-debounce="0" new-value-mode="add-unique" stack-label outlined
-                        placeholder="Press enter to add new option" />
-                </template>
-
-                <form-kit type="l-input" name="default_value" label="Default Value" />
-
-                <form-kit type="l-input" name="placeholder" label="Placeholder" />
-
-                <form-kit type="l-input" input-type="number" name="order" label="Order" number />
-
-
-            </form-kit>
-
-        </q-card>
-    </q-dialog>
+    <q-dialog ref="dialogRef" full-width>
+        <q-card class="q-dialog-plugin">
+            <q-toolbar>
+                <q-toolbar-title>Add Custom Field</q-toolbar-title>
+                <q-space />
+                <q-btn dense flat icon="sym_o_close" v-close-popup />
+            </q-toolbar>
+
+            <form-kit type="l-form"
+                :value="{ type: 'text', order: 1, options: [], default_value: '', placeholder: '', validation: '' }"
+                #default="{ value, node }" @submit="onOKClick">
+                <form-kit type="l-input" name="name" label="Name" validation="required" />
+
+                <form-kit type="l-select" name="model" label="Model" :options="models" validation="required" />
+
+                <form-kit type="l-select" name="type" label="Type" :options="types" validation="required" />
+
+                <form-kit type="hidden" name="validation" />
+                <l-validation-input v-model="value.validation" @update:model-value="node.at('validation').input($event)"
+                    :type="value.type" />
+
+                <form-kit type="l-input" name="label" label="Label" validation="required" />
+
+                <form-kit type="hidden" name="options" />
+                <template v-if="value.type === 'select'">
+                    <form-kit type="l-select" label="Options" name="options" use-input use-chips multiple
+                        hide-dropdown-icon input-debounce="0" new-value-mode="add-unique" stack-label outlined
+                        placeholder="Press enter to add new option" />
+                </template>
+
+                <form-kit type="l-input" name="default_value" label="Default Value" />
+
+                <form-kit type="l-input" name="placeholder" label="Placeholder" />
+
+                <form-kit type="l-input" input-type="number" name="order" label="Order" number />
+
+            </form-kit>
+
+        </q-card>
+    </q-dialog>
 </template>

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

@@ -23,9 +23,9 @@ 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>
+    <q-list v-bind="$props">
+        <l-item v-for="field in customFieldSchema" :label="field.label">
+            {{ data[field.name] }}
+        </l-item>
+    </q-list>
 </template>

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

@@ -19,38 +19,37 @@ const types = ["varchar", "int", "date", "time", "datetime", "timestamp", "text"
 </script>
 
 <template>
-    <q-dialog ref="dialogRef" full-width>
-        <q-card class="q-dialog-plugin">
-            <q-toolbar>
-                <q-toolbar-title>Create Table</q-toolbar-title>
-                <q-space />
-                <q-btn dense flat icon="sym_o_close" v-close-popup />
-            </q-toolbar>
-            <form-kit type="l-form" :bordered="false" @submit="onOKClick" :value="{
-                name: '',
-                fields: [],
-            }" :action="false" #default="{ value }">
-
-                <form-kit type="l-input" name="name" label="Name" validation="required" />
-
-                <form-kit type="l-repeater" name="fields">
-                    <div class="row q-gutter-sm">
-                        <form-kit type="l-input" name="name" label="Name" validation="required" class="col" />
-
-                        <form-kit type="l-select" name="type" label="Type" :options="types" validation="required"
-                            class="col" />
-                        <form-kit type="l-input" name="length" label="Length" class="col" number />
-                        <form-kit type="l-input" name="default" label="Default" class="col" />
-                    </div>
-
-                    <div class="row">
-                        <form-kit type="l-checkbox" name="nullable" label="Nullable" />
-                    </div>
-                </form-kit>
-
-            </form-kit>
-
-
-        </q-card>
-    </q-dialog>
+    <q-dialog ref="dialogRef" full-width>
+        <q-card class="q-dialog-plugin">
+            <q-toolbar>
+                <q-toolbar-title>Create Table</q-toolbar-title>
+                <q-space />
+                <q-btn dense flat icon="sym_o_close" v-close-popup />
+            </q-toolbar>
+            <form-kit type="l-form" :bordered="false" @submit="onOKClick" :value="{
+                name: '',
+                fields: [],
+            }" :action="false" #default="{ value }">
+
+                <form-kit type="l-input" name="name" label="Name" validation="required" />
+
+                <form-kit type="l-repeater" name="fields">
+                    <div class="row q-gutter-sm">
+                        <form-kit type="l-input" name="name" label="Name" validation="required" class="col" />
+
+                        <form-kit type="l-select" name="type" label="Type" :options="types" validation="required"
+                            class="col" />
+                        <form-kit type="l-input" name="length" label="Length" class="col" number />
+                        <form-kit type="l-input" name="default" label="Default" class="col" />
+                    </div>
+
+                    <div class="row">
+                        <form-kit type="l-checkbox" name="nullable" label="Nullable" />
+                    </div>
+                </form-kit>
+
+            </form-kit>
+
+        </q-card>
+    </q-dialog>
 </template>

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

@@ -18,15 +18,12 @@ body.body--dark fieldset{border-color:hsla(0,0%,100%,.6)}fieldset{border:1px sol
 </style>
 
 <template>
-    <fieldset>
-        <legend v-if="props.label">{{ i18n.t(props.label) }}</legend>
-
-        <div :class="`q-gutter-${props.gutter}`">
-            <slot></slot>
-        </div>
-
-
-
-
-    </fieldset>
+    <fieldset>
+        <legend v-if="props.label">{{ i18n.t(props.label) }}</legend>
+
+        <div :class="`q-gutter-${props.gutter}`">
+            <slot></slot>
+        </div>
+
+    </fieldset>
 </template>

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

@@ -36,31 +36,30 @@ const onOKClick = async () => {
 </script>
 
 <template>
-    <q-dialog ref="dialogRef">
-        <q-card class="q-dialog-plugin">
-
-            <q-card-section class="q-dialog__title">
-                {{ t('Forget password') }}
-            </q-card-section>
-
-            <q-card-section class="q-dialog__message">
-                {{ t('Please enter your username and email address, we will send you a code to reset your password') }}
-            </q-card-section>
-
-            <q-card-section>
-                <q-input v-model="username" :label="$t('Username')" stack-label
-                    :rules="[val => !!val || $t('Username is required')]" hide-bottom-space />
-                <q-input v-model="email" :label="$t('Email')" stack-label type="email" hide-bottom-space :rules="[
-                    val => !!val || $t('Email is required'),
-                    val => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val) || $t('Invalid email format')
-                ]" />
-            </q-card-section>
-
-
-            <q-card-actions align="right">
-                <q-btn :label="$t('Cancel')" @click="onDialogCancel" flat color="primary" />
-                <q-btn :label="$t('OK')" @click="onOKClick" flat color="primary" />
-            </q-card-actions>
-        </q-card>
-    </q-dialog>
+    <q-dialog ref="dialogRef">
+        <q-card class="q-dialog-plugin">
+
+            <q-card-section class="q-dialog__title">
+                {{ t('Forget password') }}
+            </q-card-section>
+
+            <q-card-section class="q-dialog__message">
+                {{ t('Please enter your username and email address, we will send you a code to reset your password') }}
+            </q-card-section>
+
+            <q-card-section>
+                <q-input v-model="username" :label="$t('Username')" stack-label
+                    :rules="[val => !!val || $t('Username is required')]" hide-bottom-space />
+                <q-input v-model="email" :label="$t('Email')" stack-label type="email" hide-bottom-space :rules="[
+                    val => !!val || $t('Email is required'),
+                    val => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val) || $t('Invalid email format')
+                ]" />
+            </q-card-section>
+
+            <q-card-actions align="right">
+                <q-btn :label="$t('Cancel')" @click="onDialogCancel" flat color="primary" />
+                <q-btn :label="$t('OK')" @click="onOKClick" flat color="primary" />
+            </q-card-actions>
+        </q-card>
+    </q-dialog>
 </template>