refactor(project): Reorganize frontend and backend directories

frontend/video-frontend-web/src/views/user/settings.vue

@@ -0,0 +1,68 @@
+<template>
+  <div class="settings-page">
+    <van-nav-bar title="设置" fixed placeholder left-arrow @click-left="router.back()" />
+
+    <van-cell-group inset>
+      <van-cell title="账号与安全" is-link to="/settings/profile" />
+      <van-cell title="隐私设置" is-link to="/settings/privacy" />
+      <van-cell title="通知设置" is-link to="/settings/notification" />
+    </van-cell-group>
+
+    <van-cell-group inset>
+      <van-cell title="清除缓存" :value="cacheSize" @click="clearCache" />
+      <van-cell title="关于我们" is-link to="/about" />
+      <van-cell title="版本号" value="1.0.0" />
+    </van-cell-group>
+
+    <div class="logout-btn">
+      <van-button type="danger" block @click="handleLogout">退出登录</van-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { showConfirmDialog, showToast, showSuccessToast } from 'vant'
+import { useUserStore } from '@/stores/user.ts'
+
+const router = useRouter()
+const userStore = useUserStore()
+
+const cacheSize = ref('0KB')
+
+const clearCache = () => {
+  showToast('缓存已清除')
+  cacheSize.value = '0KB'
+}
+
+const handleLogout = async () => {
+  try {
+    await showConfirmDialog({
+      title: '提示',
+      message: '确定要退出登录吗？'
+    })
+    await userStore.logout()
+    showSuccessToast('已退出登录')
+    router.push('/')
+  } catch {
+    // 取消
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.settings-page {
+  min-height: 100vh;
+  background: #f5f5f5;
+  padding-bottom: 60px;
+
+  .van-cell-group {
+    margin: 12px;
+  }
+
+  .logout-btn {
+    padding: 20px 16px;
+  }
+}
+</style>