@hostlink/nuxt-light 1.55.0 → 1.56.0

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

@@ -1,7 +1,7 @@
-<template>
-    <q-btn flat round icon="sym_o_arrow_back" @click="$router.back()">
-        <q-tooltip>
-            {{ $t('Back') }}
-        </q-tooltip>
-    </q-btn>
+<template>
+    <q-btn flat round icon="sym_o_arrow_back" @click="$router.back()">
+        <q-tooltip>
+            {{ $t('Back') }}
+        </q-tooltip>
+    </q-btn>
 </template>

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

@@ -3,7 +3,7 @@ export type LBannerProps = QBannerProps & {
     icon?: string;
     type?: 'primary' | 'secondary' | 'accent' | 'dark' | 'positive' | 'negative' | 'info' | 'warning';
 };
-declare var __VLS_17: string | number, __VLS_18: any;
+declare var __VLS_17: any, __VLS_18: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_17>]?: (props: typeof __VLS_18) => any;
 };

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

@@ -25,14 +25,14 @@ const slots = computed(() => useSlots());
 </script>
 
 <template>
-    <q-banner v-bind="$props" :class="classes">
-        
-        <template v-slot:avatar v-if="localIcon">
-            <q-icon :name="localIcon" />
-        </template>
-
-        <template v-for="(s, name) in slots" v-slot:[name]="props" :key="name">
-            <slot :name="name" v-bind="props ?? {}"></slot>
-        </template>
-    </q-banner>
+    <q-banner v-bind="$props" :class="classes">
+        
+        <template v-slot:avatar v-if="localIcon">
+            <q-icon :name="localIcon" />
+        </template>
+
+        <template v-for="(s, name) in slots" v-slot:[name]="props" :key="name">
+            <slot :name="name" v-bind="props ?? {}"></slot>
+        </template>
+    </q-banner>
 </template>

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

@@ -3,7 +3,7 @@ export type LBannerProps = QBannerProps & {
     icon?: string;
     type?: 'primary' | 'secondary' | 'accent' | 'dark' | 'positive' | 'negative' | 'info' | 'warning';
 };
-declare var __VLS_17: string | number, __VLS_18: any;
+declare var __VLS_17: any, __VLS_18: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_17>]?: (props: typeof __VLS_18) => any;
 };

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

@@ -18,7 +18,7 @@ const barClass = computed(() => {
 </script>
 
 <template>
-    <q-bar :class="barClass">
-        <slot></slot>
-    </q-bar>
+    <q-bar :class="barClass">
+        <slot></slot>
+    </q-bar>
 </template>

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

@@ -64,8 +64,8 @@ const filteredProps = computed(() => {
 </script>
 
 <template>
-    <q-btn v-if="$light.isGranted($props.permission)" @click="handleClick"
-        v-bind="{ ...filteredProps, ...$light.getButtonProps(filteredProps) }">
-        <slot></slot>
-    </q-btn>
+    <q-btn v-if="$light.isGranted($props.permission)" @click="handleClick"
+        v-bind="{ ...filteredProps, ...$light.getButtonProps(filteredProps) }">
+        <slot></slot>
+    </q-btn>
 </template>

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

@@ -23,15 +23,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_84) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-    "update:minimized": (value: boolean) => void;
-    "update:maximized": (value: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:minimized"?: ((value: boolean) => any) | undefined;
-    "onUpdate:maximized"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -100,35 +100,35 @@ const onMinimize = () => {
 </script>
 
 <template>
-    <q-card v-bind="attrs" :class="{ 'fullscreen': maximized, 'no-margin': maximized }"
-        v-if="$light.isGranted(permission)" :dark="$q.dark.isActive">
-        <q-bar :class="barClass" v-if="showBar">
-            <div>{{ $t(title ?? "") }}</div>
-            <q-space />
-
-            <slot name="actions"></slot>
-
-            <q-btn dense flat icon="sym_o_lock" persistent v-if="showSecurity">
-                <q-menu>
-                    <q-list>
-                        <q-item clickable v-for="role in roles">
-                            <q-item-section>
-                                <q-checkbox :label="role.name" v-model="role.granted"
-                                    @update:model-value="onUpdatePermission(role)"></q-checkbox>
-                            </q-item-section>
-                        </q-item>
-                    </q-list>
-                </q-menu>
-            </q-btn>
-
-            <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" />
-            <q-btn dense flat icon="sym_o_close" v-close-popup v-if="closeable" @click="onClose" />
-        </q-bar>
-        <slot v-if="!minimized || maximized"></slot>
-
-        <q-inner-loading :showing="loading" label="Please wait..." label-class="text-primary" />
-    </q-card>
+    <q-card v-bind="attrs" :class="{ 'fullscreen': maximized, 'no-margin': maximized }"
+        v-if="$light.isGranted(permission)" :dark="$q.dark.isActive">
+        <q-bar :class="barClass" v-if="showBar">
+            <div>{{ $t(title ?? "") }}</div>
+            <q-space />
+
+            <slot name="actions"></slot>
+
+            <q-btn dense flat icon="sym_o_lock" persistent v-if="showSecurity">
+                <q-menu>
+                    <q-list>
+                        <q-item clickable v-for="role in roles">
+                            <q-item-section>
+                                <q-checkbox :label="role.name" v-model="role.granted"
+                                    @update:model-value="onUpdatePermission(role)"></q-checkbox>
+                            </q-item-section>
+                        </q-item>
+                    </q-list>
+                </q-menu>
+            </q-btn>
+
+            <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" />
+            <q-btn dense flat icon="sym_o_close" v-close-popup v-if="closeable" @click="onClose" />
+        </q-bar>
+        <slot v-if="!minimized || maximized"></slot>
+
+        <q-inner-loading :showing="loading" label="Please wait..." label-class="text-primary" />
+    </q-card>
 </template>

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

@@ -23,15 +23,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_84) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-    "update:minimized": (value: boolean) => void;
-    "update:maximized": (value: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:minimized"?: ((value: boolean) => any) | undefined;
-    "onUpdate:maximized"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -26,7 +26,7 @@ defineProps({
 </script>
 
 <template>
-    <q-checkbox v-bind="$props" :label="label ? $t(label) : void 0">
-        <slot></slot>
-    </q-checkbox>
+    <q-checkbox v-bind="$props" :label="label ? $t(label) : void 0">
+        <slot></slot>
+    </q-checkbox>
 </template>

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

@@ -18,9 +18,9 @@ const classes = computed(() => {
 </script>
 
 <template>
-    <div :class="classes">
-        <div :class="`q-gutter-${props.gutter}`">
-            <slot></slot>
-        </div>
-    </div>
+    <div :class="classes">
+        <div :class="`q-gutter-${props.gutter}`">
+            <slot></slot>
+        </div>
+    </div>
 </template>

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

@@ -6,9 +6,9 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
     color: string;
     theme: string;
     dense: boolean;
-    footer: boolean;
     time: string;
     miniState: boolean;
+    footer: boolean;
     menuOverlayHeader: boolean;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_emit: (event: "update:theme" | "update:menuOverlayHeader" | "update:dense" | "update:color" | "update:miniState" | "update:footer", ...args: any[]) => void;
@@ -16,8 +16,8 @@ declare const props: {
     readonly color: string;
     readonly theme: string;
     readonly dense: boolean;
-    readonly footer: boolean;
     readonly time: string;
     readonly miniState: boolean;
+    readonly footer: boolean;
     readonly menuOverlayHeader: boolean;
 };

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

@@ -74,100 +74,99 @@ requestAnimationFrame(refreshServerTime);
 </script>
 
 <template>
-    <q-list>
-        <q-item-label header>
-            <q-item-label>{{ $t('Theme Customizer') }}</q-item-label>
-            <q-item-label caption>
-                {{ $t('Customize &amp; Preview in Real Time') }}
-            </q-item-label>
-        </q-item-label>
-        <q-separator />
-        <q-item>
-            <q-item-section>
-                <q-item-label>Skin</q-item-label>
-                <div class="q-gutter-sm">
-                    <q-radio :model-value="theme" val="light" label="Light"
-                        @update:model-value="$emit('update:theme', $event)" />
-                    <q-radio :model-value="theme" val="dark" label="Dark"
-                        @update:model-value="$emit('update:theme', $event)" />
-                    <q-radio :model-value="theme" val="semi-dark" label="Semi dark"
-                        @update:model-value="$emit('update:theme', $event)" />
-                </div>
-            </q-item-section>
-        </q-item>
-        <q-separator />
-        <q-item>
-            <q-item-section>
-                <q-item-label>{{ $t('Color') }}</q-item-label>
-                <div class="row">
-                    <div style="background-color: #7367f0; width: 1.5rem; height: 1.5rem;"
-                        class="q-ma-xs cursor-pointer rounded-borders" @click="$emit('update:color', '')" />
-
-                    <div v-for="c in COLORS" :key="c" :class="`bg-${c}`" style="width: 1.5rem; height: 1.5rem;"
-                        class="q-ma-xs cursor-pointer rounded-borders" @click="$emit('update:color', c)" />
-                </div>
-            </q-item-section>
-        </q-item>
-        <q-separator />
-        <q-item>
-            <q-item-section>
-                <q-item-label>{{ $t('Mini mode') }}</q-item-label>
-            </q-item-section>
-            <q-item-section side>
-                <q-toggle :model-value="miniState" @update:model-value="$emit('update:miniState', $event)" />
-            </q-item-section>
-        </q-item>
-        <q-separator />
-
-        <q-item>
-            <q-item-section>
-                <q-item-label>Menu dense mode</q-item-label>
-            </q-item-section>
-            <q-item-section side>
-                <q-toggle :model-value="dense" @update:model-value="$emit('update:dense', $event)" />
-            </q-item-section>
-        </q-item>
-
-        <q-separator />
-
-        <q-item>
-            <q-item-section>
-                <q-item-label>Menu overlay header</q-item-label>
-            </q-item-section>
-            <q-item-section side>
-                <q-toggle :model-value="menuOverlayHeader"
-                    @update:model-value="$emit('update:menuOverlayHeader', $event)" />
-            </q-item-section>
-        </q-item>
-
-        <q-separator />
-
-        <q-item>
-            <q-item-section>
-                <q-item-label>{{ $t('Show footer') }}</q-item-label>
-            </q-item-section>
-            <q-item-section side>
-                <q-toggle :model-value="footer" @update:model-value="$emit('update:footer', $event)" />
-            </q-item-section>
-        </q-item>
-        <q-separator />
-        <q-item>
-            <q-item-section>
-                <q-item-label>{{ $t('Menu width') }}</q-item-label>
-                <q-item-label><q-slider v-model="menuWidth" :min="200" :max="360" label /></q-item-label>
-            </q-item-section>
-        </q-item>
-        <q-separator />
-
-        <q-item>
-            <q-item-section>
-                <q-item-label>{{ $t('Server time') }}</q-item-label>
-            </q-item-section>
-            <q-item-section side>
-                <q-item-label>{{ server_date }} {{ server_time }} </q-item-label>
-            </q-item-section>
-        </q-item>
-
-
-    </q-list>
+    <q-list>
+        <q-item-label header>
+            <q-item-label>{{ $t('Theme Customizer') }}</q-item-label>
+            <q-item-label caption>
+                {{ $t('Customize &amp; Preview in Real Time') }}
+            </q-item-label>
+        </q-item-label>
+        <q-separator />
+        <q-item>
+            <q-item-section>
+                <q-item-label>Skin</q-item-label>
+                <div class="q-gutter-sm">
+                    <q-radio :model-value="theme" val="light" label="Light"
+                        @update:model-value="$emit('update:theme', $event)" />
+                    <q-radio :model-value="theme" val="dark" label="Dark"
+                        @update:model-value="$emit('update:theme', $event)" />
+                    <q-radio :model-value="theme" val="semi-dark" label="Semi dark"
+                        @update:model-value="$emit('update:theme', $event)" />
+                </div>
+            </q-item-section>
+        </q-item>
+        <q-separator />
+        <q-item>
+            <q-item-section>
+                <q-item-label>{{ $t('Color') }}</q-item-label>
+                <div class="row">
+                    <div style="background-color: #7367f0; width: 1.5rem; height: 1.5rem;"
+                        class="q-ma-xs cursor-pointer rounded-borders" @click="$emit('update:color', '')" />
+
+                    <div v-for="c in COLORS" :key="c" :class="`bg-${c}`" style="width: 1.5rem; height: 1.5rem;"
+                        class="q-ma-xs cursor-pointer rounded-borders" @click="$emit('update:color', c)" />
+                </div>
+            </q-item-section>
+        </q-item>
+        <q-separator />
+        <q-item>
+            <q-item-section>
+                <q-item-label>{{ $t('Mini mode') }}</q-item-label>
+            </q-item-section>
+            <q-item-section side>
+                <q-toggle :model-value="miniState" @update:model-value="$emit('update:miniState', $event)" />
+            </q-item-section>
+        </q-item>
+        <q-separator />
+
+        <q-item>
+            <q-item-section>
+                <q-item-label>Menu dense mode</q-item-label>
+            </q-item-section>
+            <q-item-section side>
+                <q-toggle :model-value="dense" @update:model-value="$emit('update:dense', $event)" />
+            </q-item-section>
+        </q-item>
+
+        <q-separator />
+
+        <q-item>
+            <q-item-section>
+                <q-item-label>Menu overlay header</q-item-label>
+            </q-item-section>
+            <q-item-section side>
+                <q-toggle :model-value="menuOverlayHeader"
+                    @update:model-value="$emit('update:menuOverlayHeader', $event)" />
+            </q-item-section>
+        </q-item>
+
+        <q-separator />
+
+        <q-item>
+            <q-item-section>
+                <q-item-label>{{ $t('Show footer') }}</q-item-label>
+            </q-item-section>
+            <q-item-section side>
+                <q-toggle :model-value="footer" @update:model-value="$emit('update:footer', $event)" />
+            </q-item-section>
+        </q-item>
+        <q-separator />
+        <q-item>
+            <q-item-section>
+                <q-item-label>{{ $t('Menu width') }}</q-item-label>
+                <q-item-label><q-slider v-model="menuWidth" :min="200" :max="360" label /></q-item-label>
+            </q-item-section>
+        </q-item>
+        <q-separator />
+
+        <q-item>
+            <q-item-section>
+                <q-item-label>{{ $t('Server time') }}</q-item-label>
+            </q-item-section>
+            <q-item-section side>
+                <q-item-label>{{ server_date }} {{ server_time }} </q-item-label>
+            </q-item-section>
+        </q-item>
+
+    </q-list>
 </template>

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

@@ -6,9 +6,9 @@ declare const __VLS_export: import("vue").DefineComponent<{}, {
     color: string;
     theme: string;
     dense: boolean;
-    footer: boolean;
     time: string;
     miniState: boolean;
+    footer: boolean;
     menuOverlayHeader: boolean;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_emit: (event: "update:theme" | "update:menuOverlayHeader" | "update:dense" | "update:color" | "update:miniState" | "update:footer", ...args: any[]) => void;
@@ -16,8 +16,8 @@ declare const props: {
     readonly color: string;
     readonly theme: string;
     readonly dense: boolean;
-    readonly footer: boolean;
     readonly time: string;
     readonly miniState: boolean;
+    readonly footer: boolean;
     readonly menuOverlayHeader: boolean;
 };

package/dist/runtime/components/l-date-picker.d.vue.ts

@@ -5,7 +5,7 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_37: string | number, __VLS_38: any;
+declare var __VLS_37: any, __VLS_38: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_37>]?: (props: typeof __VLS_38) => any;
 };

package/dist/runtime/components/l-date-picker.vue

@@ -186,21 +186,21 @@ const dateProps = computed(() => {
 </script>
 
 <template>
-    <q-input v-model="localValue" :mask="inputMask" :rules="inputRules" v-bind="inputProps">
-        <template v-slot:prepend>
-            <q-icon name="sym_o_event" class="cursor-pointer">
-                <q-popup-proxy cover transition-show="scale" transition-hide="scale" ref="popup">
-                    <q-date mask="YYYY-MM-DD" v-model="modelValue" v-bind="dateProps">
-                        <div class="row items-center justify-end">
-                            <q-btn v-close-popup :label="$t('Close')" flat />
-                        </div>
-                    </q-date>
-                </q-popup-proxy>
-            </q-icon>
-        </template>
-
-        <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
-            <slot :name="name" v-bind="props ?? {}"></slot>
-        </template>
-    </q-input>
+    <q-input v-model="localValue" :mask="inputMask" :rules="inputRules" v-bind="inputProps">
+        <template v-slot:prepend>
+            <q-icon name="sym_o_event" class="cursor-pointer">
+                <q-popup-proxy cover transition-show="scale" transition-hide="scale" ref="popup">
+                    <q-date mask="YYYY-MM-DD" v-model="modelValue" v-bind="dateProps">
+                        <div class="row items-center justify-end">
+                            <q-btn v-close-popup :label="$t('Close')" flat />
+                        </div>
+                    </q-date>
+                </q-popup-proxy>
+            </q-icon>
+        </template>
+
+        <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
+            <slot :name="name" v-bind="props ?? {}"></slot>
+        </template>
+    </q-input>
 </template>

package/dist/runtime/components/l-date-picker.vue.d.ts

@@ -5,7 +5,7 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_37: string | number, __VLS_38: any;
+declare var __VLS_37: any, __VLS_38: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_37>]?: (props: typeof __VLS_38) => any;
 };

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

@@ -19,5 +19,5 @@ const onDelete = () => {
 </script>
 
 <template>
-    <q-btn flat round icon="sym_o_delete" @click="onDelete" />
+    <q-btn flat round icon="sym_o_delete" @click="onDelete" />
 </template>

package/dist/runtime/components/l-dialog-database-field-add.vue

@@ -16,30 +16,29 @@ const types = ["varchar", "int", "date", "time", "datetime", "timestamp", "text"
 </script>
 
 <template>
-    <q-dialog ref="dialogRef">
-        <q-card class="q-dialog-plugin">
-            <q-toolbar>
-                <q-toolbar-title>Add Field</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: '',
-                type: '',
-                length: '',
-                default: '',
-                nullable: false,
-                autoincrement: false
-            }">
-                <form-kit type="l-input" name="name" label="Name" validation="required" />
-                <form-kit type="l-select" name="type" label="Type" :options="types" validation="required" />
-                <form-kit type="l-input" name="length" label="Length" />
-                <form-kit type="l-input" name="default" label="Default" />
-                <form-kit type="l-checkbox" name="nullable" label="Nullable" />
-                <form-kit type="l-checkbox" name="autoincrement" label="Auto increment" />
-            </form-kit>
-
-
-        </q-card>
-    </q-dialog>
+    <q-dialog ref="dialogRef">
+        <q-card class="q-dialog-plugin">
+            <q-toolbar>
+                <q-toolbar-title>Add Field</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: '',
+                type: '',
+                length: '',
+                default: '',
+                nullable: false,
+                autoincrement: false
+            }">
+                <form-kit type="l-input" name="name" label="Name" validation="required" />
+                <form-kit type="l-select" name="type" label="Type" :options="types" validation="required" />
+                <form-kit type="l-input" name="length" label="Length" />
+                <form-kit type="l-input" name="default" label="Default" />
+                <form-kit type="l-checkbox" name="nullable" label="Nullable" />
+                <form-kit type="l-checkbox" name="autoincrement" label="Auto increment" />
+            </form-kit>
+
+        </q-card>
+    </q-dialog>
 </template>

package/dist/runtime/components/l-drag-drop-container.vue

@@ -39,9 +39,9 @@ watch(items, () => {
 </script>
 
 <template>
-    <div ref="parent" style="min-height: 150px;">
-        <template v-for="item in items" :key="item">
-            <component :is="item" />
-        </template>
-    </div>
+    <div ref="parent" style="min-height: 150px;">
+        <template v-for="item in items" :key="item">
+            <component :is="item" />
+        </template>
+    </div>
 </template>

package/dist/runtime/components/l-drag-drop-group.vue

@@ -45,5 +45,5 @@ function getItems(containers) {
 </script>
 
 <template>
-    <slot></slot>
+    <slot></slot>
 </template>

package/dist/runtime/components/l-drag-drop.vue

@@ -30,10 +30,10 @@ watch(items, () => {
 </script>
 
 <template>
-    <div ref="parent">
-        <template v-for="item in items" :key="item">
-            <component :is="item" />
-        </template>
-
-    </div>
+    <div ref="parent">
+        <template v-for="item in items" :key="item">
+            <component :is="item" />
+        </template>
+
+    </div>
 </template>

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

@@ -1,3 +1,3 @@
-<template>
-     <q-btn flat round icon="sym_o_edit" to="edit" />
+<template>
+     <q-btn flat round icon="sym_o_edit" to="edit" />
 </template>