@hostlink/nuxt-light 0.0.113 → 0.0.115

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

@@ -1,21 +1,28 @@
 <script setup>
-import { reactive } from "vue"
-import { notify } from '../../../'
+
+import { Dialog } from 'quasar';
+import { reset } from "@formkit/core"
 import { updatePassword } from "@hostlink/light"
 
 import { q } from "#imports"
 
-const obj = reactive({
-    old_password: "",
-    new_password: "",
-    confirm_password: ""
-})
+const onSubmit = async (data, form) => {
+    if (await updatePassword(data.old_password, data.new_password)) {
+        reset(form);
+        await Dialog.create({
+            title: "Password updated",
+            message: "Your password has been updated",
+            ok: "OK"
+        })
 
-const onSave = async () => {
-    if (await updatePassword(obj.old_password, obj.new_password)) {
-        notify("Your password has been updated")
     } else {
-        notify("Old password is incorrect", "red")
+        await Dialog.create({
+            title: "Error",
+            message: "Old password is incorrect",
+            ok: "OK"
+        })
+
+
     }
 }
 
@@ -23,20 +30,16 @@ const system = await q("system", ["passwordPolicy"])
 
 </script>
 <template>
-    <l-form @save="onSave" :bordered="false">
-        <l-input label="Old password" v-model="obj.old_password" type="password" required />
-        <l-input label="New password" v-model="obj.new_password" type="password" :rules="system.passwordPolicy" />
-        <l-input label="Confirm password" v-model="obj.confirm_password" type="password" :rules="[
-            v => v == obj.new_password || 'Confirm password does not match'
-        ]" />
-    </l-form>
+    <FormKit type="l-form" :bordered="false" @submit="onSubmit">
+        <FormKit type="l-input" label="Old password" name="old_password" inputType="password" validation="required" />
+        <FormKit type="l-input" label="New password" name="new_password" inputType="password"
+            :validation="system.passwordPolicy" />
+        <FormKit type="l-input" label="Confirm password" name="new_password_confirm" inputType="password"
+            validation="required|confirm" />
+    </FormKit>
 
     <div>
         <div>Password policy</div>
-        <ul>
-            <li v-for="rule in system.passwordPolicy" :key="rule">
-                {{ rule }}
-            </li>
-        </ul>
+        <div>{{ system.passwordPolicy }}</div>
     </div>
 </template>

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

@@ -47,8 +47,8 @@ const setDefault = async () => {
     styles.cardBordered = true;
     styles.cardSquare = false;
 
-    styles.buttonOutline = true;
-    styles.buttonRounded = true;
+    styles.buttonOutline = false;
+    styles.buttonRounded = false;
     styles.buttonUnelevated = false;
     styles.buttonDense = false;
 

package/dist/runtime/plugin.mjs

@@ -8,12 +8,16 @@ import message_zh from "./locales/zh-hk.json";
 import routes from "./routes.mjs";
 import { defineModel } from "@hostlink/light";
 localStorage.getItem("locale") || localStorage.setItem("locale", "en");
+import { createQuasarPlugin } from "formkit-quasar";
+import { createLightPlugin } from "./formkit/index.mjs";
+import { plugin, defaultConfig } from "@formkit/vue";
 import { 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) => {
   defineModel("User", TypeUser);
   defineModel("UserLog", TypeUserLog);
@@ -57,6 +61,17 @@ export default defineNuxtPlugin((nuxtApp) => {
       Loading
     }
   });
+  let locale = localStorage.getItem("locale") || "en";
+  if (locale == "zh-hk") {
+    locale = "zhTW";
+  }
+  nuxtApp.vueApp.use(plugin, defaultConfig({
+    plugins: [createQuasarPlugin(), createLightPlugin()],
+    locales: {
+      zhTW
+    },
+    locale
+  }));
   const router = useRouter();
   routes.forEach((route) => {
     router.addRoute(route);

package/dist/types.d.mts

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

package/dist/types.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.113",
+  "version": "0.0.115",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -39,6 +39,7 @@
     "@nuxt/module-builder": "^0.5.2",
     "@quasar/extras": "^1.16.6",
     "axios": "^1.5.0",
+    "formkit-quasar": "^0.0.12",
     "json-to-graphql-query": "^2.2.5",
     "quasar": "^2.12.5",
     "unplugin-auto-import": "^0.16.6",