fix: use crypto-js intead of fucking crypto-es

package.json

@@ -23,6 +23,7 @@
     "@nuxtjs/stylelint-module": "^5.1.0",
     "@pinia-plugin-persistedstate/nuxt": "^1.1.1",
     "@pinia/nuxt": "^0.4.11",
+    "@types/crypto-js": "^4.1.2",
     "@types/md5": "^2.3.2",
     "@types/node": "^20.5.9",
     "@types/validator": "^13.11.1",
@@ -41,7 +42,7 @@
     "@vueuse/nuxt": "^10.4.1",
     "animate.css": "^4.1.1",
     "ant-design-vue": "~4.0.2",
-    "crypto-es": "^2.0.4",
+    "crypto-js": "^4.1.1",
     "dayjs": "^1.11.9",
     "echarts": "^5.4.3",
     "eslint": "^8.48.0",

utils/serializer.ts

@@ -1,20 +1,21 @@
-import crypto from 'crypto-es'
+import cryptoJS from 'crypto-js'
 import type { Serializer } from 'pinia-plugin-persistedstate'
+
+const getKey = () => {
+  const runtimeConfig = useRuntimeConfig()
+  return runtimeConfig.public.encrypt.cookiesKey
+}
+
 export function getCookiesSerializer(): Serializer {
   return {
     serialize: (value) => {
-      const runtimeConfig = useRuntimeConfig()
-      const key = runtimeConfig.public.encrypt.cookiesKey
+      const key = getKey()
       const data = JSON.stringify(value)
-      return crypto.AES.encrypt(data, key).toString(crypto.format.Hex)
+      return cryptoJS.AES.encrypt(data, key).toString()
     },
     deserialize: (value: string) => {
-      const runtimeConfig = useRuntimeConfig()
-      const key = runtimeConfig.public.encrypt.cookiesKey
-      const data = crypto.AES.decrypt(
-        crypto.enc.Hex.parse(value),
-        key
-      ).toString(crypto.enc.Utf8)
+      const key = getKey()
+      const data = cryptoJS.AES.decrypt(value, key).toString(cryptoJS.enc.Utf8)
       return JSON.parse(data)
     }
   }