storage

package-lock.json

@@ -782,6 +782,11 @@
         "has-symbols": "^1.0.1"
       }
     },
+    "good-storage": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/good-storage/-/good-storage-1.1.1.tgz",
+      "integrity": "sha512-+0UEpRT03fJgEJoeTVVz41ISC5+jaQrDIWatQ4BoDQfOiBBsjNanymi9sAtLFdEAADQN0FYR8mGpeqxSCe8oXQ=="
+    },
     "graceful-fs": {
       "version": "4.2.10",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",

package.json

@@ -21,6 +21,7 @@
     "animate.css": "^4.1.1",
     "axios": "^0.27.2",
     "element-plus": "^2.2.9",
+    "good-storage": "^1.1.1",
     "js-cookie": "^3.0.1",
     "mockjs": "^1.1.0",
     "vue": "^3.2.25",

src/components/header.vue

@@ -16,6 +16,7 @@
 
 <script lang="ts" setup>
 import Api from '../static/http/api'
+import storage from 'good-storage'
 import { postRequest } from '../static/http'
 import { getOauthUrl, createWindow, callBackUrl } from '../static/utils'
 import { getStorage, removeStorage, setStorage, storageKey } from '../static/utils/storage'
@@ -105,7 +106,7 @@ const twitterAuth = () => {
 }
 
 const twitterLogin = (data: { authToken: string, consumerKey: string }) => {
-    let verifier = getStorage(storageKey.verifier)
+    let verifier = storage.get(storageKey.verifier)
     if (verifier) {
         postRequest(Api.twitterLogin,  {
             params: {
@@ -117,7 +118,7 @@ const twitterLogin = (data: { authToken: string, consumerKey: string }) => {
             let { code, data, msg } = res;
             if ( code === 0 ) {
                 setStorage(storageKey.userInfo, data);
-                removeStorage(storageKey.verifier);
+                storage.remove(storageKey.verifier);
                 location.href = `/nft/list`
             } else {
                 ElMessage({

src/pages/close.vue

@@ -7,6 +7,7 @@
 <script lang="ts" setup>
 import { onMounted } from 'vue';
 import { setStorage, storageKey } from '../static/utils/storage'
+import storage from 'good-storage'
 
 const close = () => {
     window.close()
@@ -19,7 +20,7 @@ onMounted(() => {
     let verifier: any = urlParams.get('oauth_verifier');
     // set
     if (verifier) {
-        setStorage(storageKey.verifier, verifier)
+        storage.set(storageKey.verifier, verifier)
         // @ts-ignore
         let time = process.env.NODE_ENV === 'production' ? 500 : 500;
         setTimeout(() => {