diff --git a/package.json b/package.json
index e915512..32341ed 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kevisual/kv-login",
-  "version": "0.1.8",
+  "version": "0.1.13",
   "description": "",
   "main": "src/main.ts",
   "scripts": {
@@ -9,7 +9,7 @@
     "postbuild": "dts -i src/main.ts -o app.d.ts",
     "build:test": "vite build",
     "prepub": "rm -rf ./dist && pnpm run build:test",
-    "pub": "ev deploy ./dist -k login -v 0.1.12 -u -y yes"
+    "pub": "ev deploy ./dist -k login -v 0.1.13 -u -y yes"
   },
   "keywords": [],
   "files": [
@@ -25,6 +25,7 @@
   },
   "type": "module",
   "dependencies": {
+    "@kevisual/cache": "^0.0.5",
     "@kevisual/context": "^0.0.4",
     "@kevisual/query": "^0.0.39",
     "crypto-js": "^4.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9eecdda..d055c77 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,15 +8,15 @@ importers:
 
   .:
     dependencies:
+      '@kevisual/cache':
+        specifier: ^0.0.5
+        version: 0.0.5
       '@kevisual/context':
         specifier: ^0.0.4
         version: 0.0.4
       '@kevisual/query':
         specifier: ^0.0.39
         version: 0.0.39
-      '@kevisual/query-login':
-        specifier: ^0.0.7
-        version: 0.0.7(@kevisual/query@0.0.39)
       crypto-js:
         specifier: ^4.2.0
         version: 4.2.0
@@ -198,8 +198,8 @@ packages:
   '@kevisual/api@0.0.44':
     resolution: {integrity: sha512-KA2b17pxW1pTPWa4zsTSRTiGTmwdkIesV1ig51MyISUllita5VPqZ6UYYDJQTHuPzYcIkuodQ9iWTEZNM9AkFw==}
 
-  '@kevisual/cache@0.0.3':
-    resolution: {integrity: sha512-BWEck69KYL96/ywjYVkML974RHjDJTj2ITQND1zFPR+hlBV1H1p55QZgSYRJCObg3EAV1S9Zic/fR2T4pfe8yg==}
+  '@kevisual/cache@0.0.5':
+    resolution: {integrity: sha512-fgtUYGUUq/DY0KFV4CkWszNqvQUaA8XvMTUjoR9ZXRpau5IIDolD/Wen2TFsZ7G3Rfy+lef5dnaiZVDkZwdVKg==}
 
   '@kevisual/context@0.0.4':
     resolution: {integrity: sha512-HJeLeZQLU+7tCluSfOyvkgKLs0HjCZrdJlZgEgKRSa8XTwZfMAUt6J7qZTbrZAHBlPtX68EPu/PI8JMCeu3WAQ==}
@@ -210,11 +210,6 @@ packages:
   '@kevisual/load@0.0.6':
     resolution: {integrity: sha512-+3YTFehRcZ1haGel5DKYMUwmi5i6f2psyaPZlfkKU/cOXgkpwoG9/BEqPCnPjicKqqnksEpixVRkyHJ+5bjLVA==}
 
-  '@kevisual/query-login@0.0.7':
-    resolution: {integrity: sha512-oOyPIz337cdTt7WncFj7Wr7nxUHh0pBB6KSAJlas+lQiWBPwQEZhpEd7YciydCRlMc9IJMcZRV1Bw3qgy8FFqQ==}
-    peerDependencies:
-      '@kevisual/query': ^0
-
   '@kevisual/query@0.0.39':
     resolution: {integrity: sha512-3UEPBIvtdykNkrby3hvrgrHdgd17Uq+Pnr4zs+JBzATkU2eKaOqtTUJqdyIEwuySCwzGTxrnlUzWP4tziDQDLQ==}
 
@@ -403,10 +398,6 @@ packages:
   dijkstrajs@1.0.3:
     resolution: {integrity: sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==}
 
-  dotenv@17.2.3:
-    resolution: {integrity: sha512-JVUnt+DUIzu87TABbhPmNfVdBDt18BLOWjMUFJMSi/Qqg7NTYtabbvSNJGOJ7afbRuv9D/lngizHtP7QyLQ+9w==}
-    engines: {node: '>=12'}
-
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
@@ -461,6 +452,10 @@ packages:
     resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
     engines: {node: '>=8'}
 
+  lru-cache@11.2.5:
+    resolution: {integrity: sha512-vFrFJkWtJvJnD5hg+hJvVE8Lh/TcMzKnTgCWmtBipwI5yLX/iX+5UB2tfuyODF5E7k9xEzMdYgGqaSb1c0c5Yw==}
+    engines: {node: 20 || >=22}
+
   nanoid@3.3.11:
     resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -699,9 +694,11 @@ snapshots:
       path-browserify-esm: 1.0.6
       spark-md5: 3.0.2
 
-  '@kevisual/cache@0.0.3':
+  '@kevisual/cache@0.0.5':
     dependencies:
       idb-keyval: 6.2.2
+      lru-cache: 11.2.5
+      nanoid: 5.1.6
 
   '@kevisual/context@0.0.4': {}
 
@@ -711,12 +708,6 @@ snapshots:
     dependencies:
       eventemitter3: 5.0.4
 
-  '@kevisual/query-login@0.0.7(@kevisual/query@0.0.39)':
-    dependencies:
-      '@kevisual/cache': 0.0.3
-      '@kevisual/query': 0.0.39
-      dotenv: 17.2.3
-
   '@kevisual/query@0.0.39':
     dependencies:
       tslib: 2.8.1
@@ -838,8 +829,6 @@ snapshots:
 
   dijkstrajs@1.0.3: {}
 
-  dotenv@17.2.3: {}
-
   emoji-regex@8.0.0: {}
 
   es-toolkit@1.44.0: {}
@@ -903,6 +892,8 @@ snapshots:
     dependencies:
       p-locate: 4.1.0
 
+  lru-cache@11.2.5: {}
+
   nanoid@3.3.11: {}
 
   nanoid@5.1.6: {}
diff --git a/src/pages/kv-login.ts b/src/pages/kv-login.ts
index 020661d..99ca375 100644
--- a/src/pages/kv-login.ts
+++ b/src/pages/kv-login.ts
@@ -6,6 +6,10 @@ import { useCreateLoginQRCode } from '../modules/wx-mp/qr.ts';
 import { eventEmitter } from '../modules/mitt.ts';
 import { useContextKey } from '@kevisual/context'
 
+const randomId = (num: number = 6) => {
+  return 'id-' + Math.random().toString(36).slice(2, num + 2);
+}
+
 export const loginEmitter = useContextKey('login-emitter', eventEmitter);
 export const WX_MP_APP_ID = "wxff97d569b1db16b6";
 interface LoginMethod {
@@ -85,7 +89,7 @@ class KvLogin extends HTMLElement {
     const method = this.getAttribute('method');
     let id = this.id;
     if (!id) {
-      id = `${Math.random().toString(36).substring(2, 9)}`;
+      id = randomId(6);
       this.id = id;
     }
     let methodSetFlag = false;