@hostlink/nuxt-light 1.55.0 → 1.56.0

package/dist/runtime/pages/User/setting/two-factor-auth.vue

@@ -78,180 +78,180 @@ const onCopy = async () => {
 </style>
 
 <template>
-    <div class="two-factor-setup">
-        <!-- Header -->
-        <div class="setup-header q-mb-lg">
-            <h5 class="q-my-md">{{ $t('Setup Two-Factor Authentication') }}</h5>
-            <q-stepper v-model="currentStep" vertical color="primary" animated flat>
-                <q-step :name="1" title="Download Authenticator App" icon="download" :done="currentStep > 1">
-                    <div class="q-mb-md">
-                        <p class="text-body1 q-mb-md">{{ $t('Choose and download an authenticator app for your device:') }}</p>
-                        
-                        <!-- App Selection Cards -->
-                        <div class="row q-gutter-md q-mb-lg">
-                            <div class="col-12 col-md-5">
-                                <q-card flat bordered class="app-card">
-                                    <q-card-section class="q-pa-md">
-                                        <div class="text-h6 q-mb-sm">📱 Android</div>
-                                        <div class="q-gutter-sm">
-                                            <q-btn 
-                                                outline 
-                                                color="primary" 
-                                                size="sm"
-                                                target="_blank"
-                                                href="https://play.google.com/store/apps/details?id=com.azure.authenticator"
-                                                label="Microsoft Authenticator"
-                                                class="full-width"
-                                            />
-                                            <q-btn 
-                                                outline 
-                                                color="primary" 
-                                                size="sm"
-                                                target="_blank"
-                                                href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2"
-                                                label="Google Authenticator"
-                                                class="full-width"
-                                            />
-                                        </div>
-                                    </q-card-section>
-                                </q-card>
-                            </div>
-                            
-                            <div class="col-12 col-md-5">
-                                <q-card flat bordered class="app-card">
-                                    <q-card-section class="q-pa-md">
-                                        <div class="text-h6 q-mb-sm">🍎 iOS</div>
-                                        <div class="q-gutter-sm">
-                                            <q-btn 
-                                                outline 
-                                                color="primary" 
-                                                size="sm"
-                                                target="_blank"
-                                                href="https://apps.apple.com/us/app/microsoft-authenticator/id983156458"
-                                                label="Microsoft Authenticator"
-                                                class="full-width"
-                                            />
-                                            <q-btn 
-                                                outline 
-                                                color="primary" 
-                                                size="sm"
-                                                target="_blank"
-                                                href="https://apps.apple.com/us/app/google-authenticator/id388497605"
-                                                label="Google Authenticator"
-                                                class="full-width"
-                                            />
-                                        </div>
-                                    </q-card-section>
-                                </q-card>
-                            </div>
-                        </div>
-
-                        <q-btn 
-                            color="primary" 
-                            @click="currentStep = 2" 
-                            :label="$t('I have installed the app')"
-                            icon-right="arrow_forward"
-                        />
-                    </div>
-                </q-step>
-
-                <q-step :name="2" title="Scan QR Code" icon="qr_code" :done="currentStep > 2">
-                    <div class="text-center q-mb-md">
-                        <p class="text-body1 q-mb-md">{{ $t('Scan this QR code with your authenticator app:') }}</p>
-                        
-                        <q-card flat bordered class="qr-card inline-block q-pa-lg">
-                            <q-img :src="my.my2FA.image" width="200px" class="q-mb-md" />
-                            
-                            <!-- Manual Entry Option -->
-                            <q-expansion-item 
-                                icon="key" 
-                                :label="$t('Enter manually instead')"
-                                class="text-left"
-                            >
-                                <div class="q-pa-md bg-grey-1 rounded-borders">
-                                    <div class="text-caption text-grey-7 q-mb-xs">{{ $t('Secret Key:') }}</div>
-                                    <div class="row items-center q-gutter-sm">
-                                        <div class="col">
-                                            <q-input 
-                                                :model-value="secretVisible ? (my.my2FA?.secret || '') : '●'.repeat(my.my2FA?.secret?.length || 16)" 
-                                                readonly 
-                                                dense
-                                                outlined
-                                                class="secret-input"
-                                            />
-                                        </div>
-                                        <q-btn 
-                                            flat 
-                                            round 
-                                            dense 
-                                            :icon="secretVisible ? 'visibility_off' : 'visibility'"
-                                            @click="secretVisible = !secretVisible"
-                                            :title="secretVisible ? $t('Hide') : $t('Show')"
-                                        />
-                                        <q-btn 
-                                            flat 
-                                            round 
-                                            dense 
-                                            icon="content_copy" 
-                                            @click="onCopy"
-                                            :title="$t('Copy to clipboard')"
-                                        />
-                                    </div>
-                                </div>
-                            </q-expansion-item>
-                        </q-card>
-
-                        <div class="q-mt-md">
-                            <q-btn 
-                                color="primary" 
-                                @click="currentStep = 3" 
-                                :label="$t('I have scanned the code')"
-                                icon-right="arrow_forward"
-                            />
-                        </div>
-                    </div>
-                </q-step>
-
-                <q-step :name="3" title="Verify Setup" icon="verified_user">
-                    <div class="verify-section">
-                        <p class="text-body1 q-mb-md">
-                            {{ $t('Enter the 6-digit code from your authenticator app to complete setup:') }}
-                        </p>
-                        
-                        <div class="row justify-center q-mb-lg">
-                            <div class="col-12 col-sm-8 col-md-6">
-                                <q-input 
-                                    v-model="obj.code" 
-                                    :label="$t('Verification Code')"
-                                    hint="6-digit code from your authenticator app"
-                                    type="tel"
-                                    inputmode="numeric"
-                                    pattern="[0-9]*"
-                                    outlined
-                                    maxlength="6"
-                                    class="text-center code-input"
-                                    required
-                                >
-                                    <template v-slot:prepend>
-                                        <q-icon name="security" />
-                                    </template>
-                                </q-input>
-                            </div>
-                        </div>
-
-                        <div class="text-center">
-                            <q-btn 
-                                @click="save" 
-                                color="positive" 
-                                size="lg"
-                                :label="$t('Complete Setup')"
-                                icon="check_circle"
-                                :loading="loading"
-                            />
-                        </div>
-                    </div>
-                </q-step>
-            </q-stepper>
-        </div>
-    </div>
+    <div class="two-factor-setup">
+        <!-- Header -->
+        <div class="setup-header q-mb-lg">
+            <h5 class="q-my-md">{{ $t('Setup Two-Factor Authentication') }}</h5>
+            <q-stepper v-model="currentStep" vertical color="primary" animated flat>
+                <q-step :name="1" title="Download Authenticator App" icon="download" :done="currentStep > 1">
+                    <div class="q-mb-md">
+                        <p class="text-body1 q-mb-md">{{ $t('Choose and download an authenticator app for your device:') }}</p>
+                        
+                        <!-- App Selection Cards -->
+                        <div class="row q-gutter-md q-mb-lg">
+                            <div class="col-12 col-md-5">
+                                <q-card flat bordered class="app-card">
+                                    <q-card-section class="q-pa-md">
+                                        <div class="text-h6 q-mb-sm">📱 Android</div>
+                                        <div class="q-gutter-sm">
+                                            <q-btn 
+                                                outline 
+                                                color="primary" 
+                                                size="sm"
+                                                target="_blank"
+                                                href="https://play.google.com/store/apps/details?id=com.azure.authenticator"
+                                                label="Microsoft Authenticator"
+                                                class="full-width"
+                                            />
+                                            <q-btn 
+                                                outline 
+                                                color="primary" 
+                                                size="sm"
+                                                target="_blank"
+                                                href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2"
+                                                label="Google Authenticator"
+                                                class="full-width"
+                                            />
+                                        </div>
+                                    </q-card-section>
+                                </q-card>
+                            </div>
+                            
+                            <div class="col-12 col-md-5">
+                                <q-card flat bordered class="app-card">
+                                    <q-card-section class="q-pa-md">
+                                        <div class="text-h6 q-mb-sm">🍎 iOS</div>
+                                        <div class="q-gutter-sm">
+                                            <q-btn 
+                                                outline 
+                                                color="primary" 
+                                                size="sm"
+                                                target="_blank"
+                                                href="https://apps.apple.com/us/app/microsoft-authenticator/id983156458"
+                                                label="Microsoft Authenticator"
+                                                class="full-width"
+                                            />
+                                            <q-btn 
+                                                outline 
+                                                color="primary" 
+                                                size="sm"
+                                                target="_blank"
+                                                href="https://apps.apple.com/us/app/google-authenticator/id388497605"
+                                                label="Google Authenticator"
+                                                class="full-width"
+                                            />
+                                        </div>
+                                    </q-card-section>
+                                </q-card>
+                            </div>
+                        </div>
+
+                        <q-btn 
+                            color="primary" 
+                            @click="currentStep = 2" 
+                            :label="$t('I have installed the app')"
+                            icon-right="arrow_forward"
+                        />
+                    </div>
+                </q-step>
+
+                <q-step :name="2" title="Scan QR Code" icon="qr_code" :done="currentStep > 2">
+                    <div class="text-center q-mb-md">
+                        <p class="text-body1 q-mb-md">{{ $t('Scan this QR code with your authenticator app:') }}</p>
+                        
+                        <q-card flat bordered class="qr-card inline-block q-pa-lg">
+                            <q-img :src="my.my2FA.image" width="200px" class="q-mb-md" />
+                            
+                            <!-- Manual Entry Option -->
+                            <q-expansion-item 
+                                icon="key" 
+                                :label="$t('Enter manually instead')"
+                                class="text-left"
+                            >
+                                <div class="q-pa-md bg-grey-1 rounded-borders">
+                                    <div class="text-caption text-grey-7 q-mb-xs">{{ $t('Secret Key:') }}</div>
+                                    <div class="row items-center q-gutter-sm">
+                                        <div class="col">
+                                            <q-input 
+                                                :model-value="secretVisible ? (my.my2FA?.secret || '') : '●'.repeat(my.my2FA?.secret?.length || 16)" 
+                                                readonly 
+                                                dense
+                                                outlined
+                                                class="secret-input"
+                                            />
+                                        </div>
+                                        <q-btn 
+                                            flat 
+                                            round 
+                                            dense 
+                                            :icon="secretVisible ? 'visibility_off' : 'visibility'"
+                                            @click="secretVisible = !secretVisible"
+                                            :title="secretVisible ? $t('Hide') : $t('Show')"
+                                        />
+                                        <q-btn 
+                                            flat 
+                                            round 
+                                            dense 
+                                            icon="content_copy" 
+                                            @click="onCopy"
+                                            :title="$t('Copy to clipboard')"
+                                        />
+                                    </div>
+                                </div>
+                            </q-expansion-item>
+                        </q-card>
+
+                        <div class="q-mt-md">
+                            <q-btn 
+                                color="primary" 
+                                @click="currentStep = 3" 
+                                :label="$t('I have scanned the code')"
+                                icon-right="arrow_forward"
+                            />
+                        </div>
+                    </div>
+                </q-step>
+
+                <q-step :name="3" title="Verify Setup" icon="verified_user">
+                    <div class="verify-section">
+                        <p class="text-body1 q-mb-md">
+                            {{ $t('Enter the 6-digit code from your authenticator app to complete setup:') }}
+                        </p>
+                        
+                        <div class="row justify-center q-mb-lg">
+                            <div class="col-12 col-sm-8 col-md-6">
+                                <q-input 
+                                    v-model="obj.code" 
+                                    :label="$t('Verification Code')"
+                                    hint="6-digit code from your authenticator app"
+                                    type="tel"
+                                    inputmode="numeric"
+                                    pattern="[0-9]*"
+                                    outlined
+                                    maxlength="6"
+                                    class="text-center code-input"
+                                    required
+                                >
+                                    <template v-slot:prepend>
+                                        <q-icon name="security" />
+                                    </template>
+                                </q-input>
+                            </div>
+                        </div>
+
+                        <div class="text-center">
+                            <q-btn 
+                                @click="save" 
+                                color="positive" 
+                                size="lg"
+                                :label="$t('Complete Setup')"
+                                icon="check_circle"
+                                :loading="loading"
+                            />
+                        </div>
+                    </div>
+                </q-step>
+            </q-stepper>
+        </div>
+    </div>
 </template>

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

@@ -6,36 +6,36 @@ const route = useRoute();
 </script>
 
 <template>
-    <l-page>
-        <l-card>
-            <q-splitter unit="px" :model-value="120">
-                <template #before>
-                    <q-tabs v-model="tab" vertical active-color="primary">
-                        <q-route-tab name="general" icon="sym_o_info" :label="$t('General')" to="/User/setting" exact />
-                        <q-route-tab name="information" icon="sym_o_info" :label="$t('Information')"
-                            to="/User/setting/information" exact />
-                        <q-route-tab name="password" icon="sym_o_password" :label="$t('Password')"
-                            to="/User/setting/password" exact />
-                        <q-route-tab name="style" icon="sym_o_style" :label="$t('Style')" to="/User/setting/style"
-                            exact />
-                        <q-route-tab name="2fa" icon="sym_o_key" :label="$t('2FA')" to="/User/setting/two-factor-auth"
-                            exact />
-                        <q-route-tab name="bio" icon="sym_o_fingerprint" :label="$t('Bio')" to="/User/setting/bio-auth"
-                            exact />
-                        <q-route-tab name="openid" icon="sym_o_key" :label="$t('Open ID')" to="/User/setting/open_id"
-                            exact />
-                        <q-route-tab name="fav" icon="sym_o_favorite" :label="$t('Favorite')"
-                            to="/User/setting/favorite" exact />
-
-                        <q-route-tab name="menu" icon="sym_o_menu" :label="$t('Menu')" to="/User/setting/menu" exact />
-                    </q-tabs>
-                </template>
-
-                <template #after>
-                    <NuxtPage :key="route.path"></NuxtPage>
-
-                </template>
-            </q-splitter>
-        </l-card>
-    </l-page>
+    <l-page>
+        <l-card>
+            <q-splitter unit="px" :model-value="120">
+                <template #before>
+                    <q-tabs v-model="tab" vertical active-color="primary">
+                        <q-route-tab name="general" icon="sym_o_info" :label="$t('General')" to="/User/setting" exact />
+                        <q-route-tab name="information" icon="sym_o_info" :label="$t('Information')"
+                            to="/User/setting/information" exact />
+                        <q-route-tab name="password" icon="sym_o_password" :label="$t('Password')"
+                            to="/User/setting/password" exact />
+                        <q-route-tab name="style" icon="sym_o_style" :label="$t('Style')" to="/User/setting/style"
+                            exact />
+                        <q-route-tab name="2fa" icon="sym_o_key" :label="$t('2FA')" to="/User/setting/two-factor-auth"
+                            exact />
+                        <q-route-tab name="bio" icon="sym_o_fingerprint" :label="$t('Bio')" to="/User/setting/bio-auth"
+                            exact />
+                        <q-route-tab name="openid" icon="sym_o_key" :label="$t('Open ID')" to="/User/setting/open_id"
+                            exact />
+                        <q-route-tab name="fav" icon="sym_o_favorite" :label="$t('Favorite')"
+                            to="/User/setting/favorite" exact />
+
+                        <q-route-tab name="menu" icon="sym_o_menu" :label="$t('Menu')" to="/User/setting/menu" exact />
+                    </q-tabs>
+                </template>
+
+                <template #after>
+                    <NuxtPage :key="route.path"></NuxtPage>
+
+                </template>
+            </q-splitter>
+        </l-card>
+    </l-page>
 </template>

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

@@ -12,8 +12,8 @@ const columns = model("UserLog").columns({
 </script>
 
 <template>
-    <l-page>
-        <l-table @request-data="$event.loadObjects('UserLog')" :columns="columns" sort-by="login_dt:desc">
-        </l-table>
-    </l-page>
+    <l-page>
+        <l-table @request-data="$event.loadObjects('UserLog')" :columns="columns" sort-by="login_dt:desc">
+        </l-table>
+    </l-page>
 </template>

package/package.json

@@ -1,63 +1,63 @@
-{
-  "name": "@hostlink/nuxt-light",
-  "version": "1.55.0",
-  "description": "HostLink Nuxt Light Framework",
-  "repository": {
-    "type": "git",
-    "url": "@hostlink/nuxt-light"
-  },
-  "license": "MIT",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/types.d.mts",
-      "import": "./dist/module.mjs"
-    }
-  },
-  "types": "./dist/types.d.mts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground --public",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release:org": "npm run lint && npm run test && npm run prepack && npm publish && git push --follow-tags",
-    "release": "npm run prepack && npm publish --access=public && git push --follow-tags",
-    "lint": "eslint .",
-    "test": "vitest run",
-    "test:watch": "vitest watch"
-  },
-  "dependencies": {
-    "@azure/msal-browser": "^4.26.2",
-    "@formkit/drag-and-drop": "^0.5.3",
-    "@hostlink/light": "^3.0.5",
-    "@nuxt/module-builder": "^1.0.1",
-    "@quasar/extras": "^1.17.0",
-    "@quasar/quasar-ui-qmarkdown": "^2.0.5",
-    "@vueuse/core": "^14.0.0",
-    "axios": "^1.12.2",
-    "defu": "^6.1.4",
-    "diff2html": "^3.4.47",
-    "formkit-quasar": "^0.0.15",
-    "json-to-graphql-query": "^2.3.0",
-    "nuxt-quasar-ui": "^2.1.12",
-    "quasar": "^2.18.5",
-    "vue-i18n": "^11.1.12",
-    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
-  },
-  "devDependencies": {
-    "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^1.10.0",
-    "@nuxt/kit": "^4.2.1",
-    "@nuxt/schema": "^4.2.1",
-    "@nuxt/test-utils": "^3.17.2",
-    "@types/node": "^24.10.1",
-    "changelogen": "^0.5.7",
-    "eslint": "^9.39.1",
-    "nuxt": "^4.2.1",
-    "typescript": "^5.9.2",
-    "vue-tsc": "^3.1.5"
-  }
-}
+{
+  "name": "@hostlink/nuxt-light",
+  "version": "1.56.0",
+  "description": "HostLink Nuxt Light Framework",
+  "repository": {
+    "type": "git",
+    "url": "@hostlink/nuxt-light"
+  },
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "types": "./dist/types.d.mts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "nuxi dev playground --public",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "release:org": "npm run lint && npm run test && npm run prepack && npm publish && git push --follow-tags",
+    "release": "git push --follow-tags",
+    "lint": "eslint .",
+    "test": "vitest run",
+    "test:watch": "vitest watch"
+  },
+  "dependencies": {
+    "@azure/msal-browser": "^4.26.2",
+    "@formkit/drag-and-drop": "^0.5.3",
+    "@hostlink/light": "^3.0.5",
+    "@nuxt/module-builder": "^1.0.1",
+    "@quasar/extras": "^1.17.0",
+    "@quasar/quasar-ui-qmarkdown": "^2.0.5",
+    "@vueuse/core": "^14.0.0",
+    "axios": "^1.12.2",
+    "defu": "^6.1.4",
+    "diff2html": "^3.4.47",
+    "formkit-quasar": "^0.0.15",
+    "json-to-graphql-query": "^2.3.0",
+    "nuxt-quasar-ui": "^2.1.12",
+    "quasar": "^2.18.5",
+    "vue-i18n": "^11.1.12",
+    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "latest",
+    "@nuxt/eslint-config": "^1.10.0",
+    "@nuxt/kit": "^4.2.1",
+    "@nuxt/schema": "^4.2.1",
+    "@nuxt/test-utils": "^3.17.2",
+    "@types/node": "^24.10.1",
+    "changelogen": "^0.5.7",
+    "eslint": "^9.39.1",
+    "nuxt": "^4.2.1",
+    "typescript": "^5.9.2",
+    "vue-tsc": "^3.1.5"
+  }
+}