init

pc/layouts/components/account/index.vue

@@ -0,0 +1,36 @@
+<template>
+    <div class="account" v-if="showPopup">
+        <ClientOnly>
+            <ElDialog
+                v-model="showPopup"
+                :width="400"
+                :close-on-click-modal="false"
+            >
+                <div class="px-5 text-tx-primary">
+                    <Login v-show="popupType == PopupTypeEnum.LOGIN" />
+                    <Register v-show="popupType == PopupTypeEnum.REGISTER" />
+                    <ForgotPwd v-show="popupType == PopupTypeEnum.FORGOT_PWD" />
+                    <BindMobile
+                        v-show="popupType == PopupTypeEnum.BIND_MOBILE"
+                    />
+                </div>
+            </ElDialog>
+        </ClientOnly>
+    </div>
+</template>
+<script lang="ts" setup>
+import { ElDialog } from 'element-plus'
+import Login from './login.vue'
+import { useAccount, PopupTypeEnum } from './useAccount'
+import Register from './register.vue'
+import ForgotPwd from './forgot-pwd.vue'
+import BindMobile from './bind-mobile.vue'
+import { useUserStore } from '~~/stores/user'
+const { popupType, showPopup } = useAccount()
+const userStore = useUserStore()
+watch(showPopup, (value) => {
+    if (!value) userStore.temToken = null
+})
+</script>
+
+<style lang="scss" scoped></style>