diff --git a/CONTRIBUTORS b/CONTRIBUTORS
index c91601d8..41aedb70 100644
--- a/CONTRIBUTORS
+++ b/CONTRIBUTORS
@@ -33,4 +33,5 @@
        1	WoeOm                         	add darwinia ss58 (#379)
        1	yuhui1208                     	[Stores] make FileStroe read key safely  (#338)
        1	Yuri                          	Add webpack 5 support (#557)
+       1	Zen                           	feat: adapt Vue 3.x (#755)
        1	菩提                            	fix some bugs  (#260)
\ No newline at end of file
diff --git a/package.json b/package.json
index 1c2a1a21..0b6f22f3 100644
--- a/package.json
+++ b/package.json
@@ -14,9 +14,9 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3-0-x",
   "versions": {
-    "git": "3.2.2",
+    "git": "3.2.3-0-x",
     "npm": "3.2.2"
   },
   "workspaces": [
diff --git a/packages/react-identicon/package.json b/packages/react-identicon/package.json
index b50fe8b1..a8ed3358 100644
--- a/packages/react-identicon/package.json
+++ b/packages/react-identicon/package.json
@@ -18,12 +18,12 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3-0-x",
   "main": "index.js",
   "dependencies": {
     "@polkadot/keyring": "^12.1.1",
-    "@polkadot/ui-settings": "3.2.2",
-    "@polkadot/ui-shared": "3.2.2",
+    "@polkadot/ui-settings": "3.2.3-0-x",
+    "@polkadot/ui-shared": "3.2.3-0-x",
     "@polkadot/util": "^12.1.1",
     "@polkadot/util-crypto": "^12.1.1",
     "ethereum-blockies-base64": "^1.0.2",
diff --git a/packages/react-identicon/src/packageInfo.ts b/packages/react-identicon/src/packageInfo.ts
index 5b1111ab..6a96d4de 100644
--- a/packages/react-identicon/src/packageInfo.ts
+++ b/packages/react-identicon/src/packageInfo.ts
@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/react-identicon', path: 'auto', type: 'auto', version: '3.2.2' };
+export const packageInfo = { name: '@polkadot/react-identicon', path: 'auto', type: 'auto', version: '3.2.3-0-x' };
diff --git a/packages/react-qr/package.json b/packages/react-qr/package.json
index 1eb81632..2394e644 100644
--- a/packages/react-qr/package.json
+++ b/packages/react-qr/package.json
@@ -18,10 +18,10 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3-0-x",
   "main": "index.js",
   "dependencies": {
-    "@polkadot/ui-settings": "3.2.2",
+    "@polkadot/ui-settings": "3.2.3-0-x",
     "@polkadot/util": "^12.1.1",
     "@polkadot/util-crypto": "^12.1.1",
     "qrcode-generator": "^1.4.4",
diff --git a/packages/react-qr/src/packageInfo.ts b/packages/react-qr/src/packageInfo.ts
index 6fc47273..0d65df1c 100644
--- a/packages/react-qr/src/packageInfo.ts
+++ b/packages/react-qr/src/packageInfo.ts
@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/react-qr', path: 'auto', type: 'auto', version: '3.2.2' };
+export const packageInfo = { name: '@polkadot/react-qr', path: 'auto', type: 'auto', version: '3.2.3-0-x' };
diff --git a/packages/reactnative-identicon/package.json b/packages/reactnative-identicon/package.json
index 822f9bf8..c7d857c1 100644
--- a/packages/reactnative-identicon/package.json
+++ b/packages/reactnative-identicon/package.json
@@ -18,10 +18,10 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3-0-x",
   "main": "index.js",
   "dependencies": {
-    "@polkadot/ui-shared": "3.2.2",
+    "@polkadot/ui-shared": "3.2.3-0-x",
     "@polkadot/util": "^12.1.1",
     "@polkadot/util-crypto": "^12.1.1",
     "react-native-svg": "^12.5.1",
diff --git a/packages/reactnative-identicon/src/packageInfo.ts b/packages/reactnative-identicon/src/packageInfo.ts
index 47ea255d..aea90ffa 100644
--- a/packages/reactnative-identicon/src/packageInfo.ts
+++ b/packages/reactnative-identicon/src/packageInfo.ts
@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/reactnative-identicon', path: 'auto', type: 'auto', version: '3.2.2' };
+export const packageInfo = { name: '@polkadot/reactnative-identicon', path: 'auto', type: 'auto', version: '3.2.3-0-x' };
diff --git a/packages/ui-keyring/package.json b/packages/ui-keyring/package.json
index 961b745c..3139349a 100644
--- a/packages/ui-keyring/package.json
+++ b/packages/ui-keyring/package.json
@@ -17,11 +17,11 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3-0-x",
   "main": "index.js",
   "dependencies": {
     "@polkadot/keyring": "^12.1.1",
-    "@polkadot/ui-settings": "3.2.2",
+    "@polkadot/ui-settings": "3.2.3-0-x",
     "@polkadot/util": "^12.1.1",
     "@polkadot/util-crypto": "^12.1.1",
     "mkdirp": "^2.1.6",
diff --git a/packages/ui-keyring/src/packageInfo.ts b/packages/ui-keyring/src/packageInfo.ts
index dbcda5aa..6f5ce4d4 100644
--- a/packages/ui-keyring/src/packageInfo.ts
+++ b/packages/ui-keyring/src/packageInfo.ts
@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/ui-keyring', path: 'auto', type: 'auto', version: '3.2.2' };
+export const packageInfo = { name: '@polkadot/ui-keyring', path: 'auto', type: 'auto', version: '3.2.3-0-x' };
diff --git a/packages/ui-settings/package.json b/packages/ui-settings/package.json
index a52753ff..8dc03eab 100644
--- a/packages/ui-settings/package.json
+++ b/packages/ui-settings/package.json
@@ -18,7 +18,7 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3-0-x",
   "main": "index.js",
   "dependencies": {
     "@polkadot/networks": "^12.1.1",
diff --git a/packages/ui-settings/src/packageInfo.ts b/packages/ui-settings/src/packageInfo.ts
index 9b2c4b20..44da1652 100644
--- a/packages/ui-settings/src/packageInfo.ts
+++ b/packages/ui-settings/src/packageInfo.ts
@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/ui-settings', path: 'auto', type: 'auto', version: '3.2.2' };
+export const packageInfo = { name: '@polkadot/ui-settings', path: 'auto', type: 'auto', version: '3.2.3-0-x' };
diff --git a/packages/ui-shared/package.json b/packages/ui-shared/package.json
index 0a114d28..c8789998 100644
--- a/packages/ui-shared/package.json
+++ b/packages/ui-shared/package.json
@@ -18,7 +18,7 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3-0-x",
   "main": "index.js",
   "dependencies": {
     "colord": "^2.9.3",
diff --git a/packages/ui-shared/src/packageInfo.ts b/packages/ui-shared/src/packageInfo.ts
index df3190af..014fa31b 100644
--- a/packages/ui-shared/src/packageInfo.ts
+++ b/packages/ui-shared/src/packageInfo.ts
@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/ui-shared', path: 'auto', type: 'auto', version: '3.2.2' };
+export const packageInfo = { name: '@polkadot/ui-shared', path: 'auto', type: 'auto', version: '3.2.3-0-x' };
diff --git a/packages/vue-identicon/package.json b/packages/vue-identicon/package.json
index 7fd50bdb..096b0ae3 100644
--- a/packages/vue-identicon/package.json
+++ b/packages/vue-identicon/package.json
@@ -18,10 +18,10 @@
     "./detectPackage.cjs"
   ],
   "type": "module",
-  "version": "3.2.2",
+  "version": "3.2.3-0-x",
   "main": "index.js",
   "dependencies": {
-    "@polkadot/ui-shared": "3.2.2",
+    "@polkadot/ui-shared": "3.2.3-0-x",
     "@polkadot/util": "^12.1.1",
     "@polkadot/util-crypto": "^12.1.1",
     "jdenticon": "3.2.0",
diff --git a/packages/vue-identicon/src/packageInfo.ts b/packages/vue-identicon/src/packageInfo.ts
index 8e706b31..f4df42e1 100644
--- a/packages/vue-identicon/src/packageInfo.ts
+++ b/packages/vue-identicon/src/packageInfo.ts
@@ -3,4 +3,4 @@
 
 // Do not edit, auto-generated by @polkadot/dev
 
-export const packageInfo = { name: '@polkadot/vue-identicon', path: 'auto', type: 'auto', version: '3.2.2' };
+export const packageInfo = { name: '@polkadot/vue-identicon', path: 'auto', type: 'auto', version: '3.2.3-0-x' };
diff --git a/yarn.lock b/yarn.lock
index 0dd22f47..bcf9893c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1540,8 +1540,8 @@ __metadata:
   resolution: "@polkadot/react-identicon@workspace:packages/react-identicon"
   dependencies:
     "@polkadot/keyring": ^12.1.1
-    "@polkadot/ui-settings": 3.2.2
-    "@polkadot/ui-shared": 3.2.2
+    "@polkadot/ui-settings": 3.2.3-0-x
+    "@polkadot/ui-shared": 3.2.3-0-x
     "@polkadot/util": ^12.1.1
     "@polkadot/util-crypto": ^12.1.1
     "@types/react-copy-to-clipboard": ^5.0.4
@@ -1567,7 +1567,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@polkadot/react-qr@workspace:packages/react-qr"
   dependencies:
-    "@polkadot/ui-settings": 3.2.2
+    "@polkadot/ui-settings": 3.2.3-0-x
     "@polkadot/util": ^12.1.1
     "@polkadot/util-crypto": ^12.1.1
     "@types/react-qr-reader": ^2.1.4
@@ -1589,7 +1589,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@polkadot/reactnative-identicon@workspace:packages/reactnative-identicon"
   dependencies:
-    "@polkadot/ui-shared": 3.2.2
+    "@polkadot/ui-shared": 3.2.3-0-x
     "@polkadot/util": ^12.1.1
     "@polkadot/util-crypto": ^12.1.1
     "@types/react-native": ^0.71.6
@@ -1608,7 +1608,7 @@ __metadata:
   resolution: "@polkadot/ui-keyring@workspace:packages/ui-keyring"
   dependencies:
     "@polkadot/keyring": ^12.1.1
-    "@polkadot/ui-settings": 3.2.2
+    "@polkadot/ui-settings": 3.2.3-0-x
     "@polkadot/util": ^12.1.1
     "@polkadot/util-crypto": ^12.1.1
     "@types/mkdirp": ^2.0.0
@@ -1624,7 +1624,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@polkadot/ui-settings@3.2.2, @polkadot/ui-settings@workspace:packages/ui-settings":
+"@polkadot/ui-settings@3.2.3-0-x, @polkadot/ui-settings@workspace:packages/ui-settings":
   version: 0.0.0-use.local
   resolution: "@polkadot/ui-settings@workspace:packages/ui-settings"
   dependencies:
@@ -1640,7 +1640,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@polkadot/ui-shared@3.2.2, @polkadot/ui-shared@workspace:packages/ui-shared":
+"@polkadot/ui-shared@3.2.3-0-x, @polkadot/ui-shared@workspace:packages/ui-shared":
   version: 0.0.0-use.local
   resolution: "@polkadot/ui-shared@workspace:packages/ui-shared"
   dependencies:
@@ -1695,7 +1695,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@polkadot/vue-identicon@workspace:packages/vue-identicon"
   dependencies:
-    "@polkadot/ui-shared": 3.2.2
+    "@polkadot/ui-shared": 3.2.3-0-x
     "@polkadot/util": ^12.1.1
     "@polkadot/util-crypto": ^12.1.1
     jdenticon: 3.2.0