feat(app): initialize uni-app with routing, stores, and infrastructure

- Vue 3 + TypeScript + Pinia + SCSS
- 3-tab navigation (home, booking, profile) + 11 sub-pages
- HTTP client with JWT auth, request interceptors
- Pinia stores: user (auth, profile, memberships), studio, booking
- Utility functions: price formatting, date helpers
- WeChat login helper
- All pages as stubs ready for implementation
This commit is contained in:
richarjiang
2026-04-02 12:51:28 +08:00
parent b9d55c9e9f
commit 554fc30954
36 changed files with 5438 additions and 53 deletions

View File

@@ -0,0 +1,105 @@
import { defineStore } from 'pinia'
import { ref, computed } from 'vue'
import type {
UserProfileResponse,
UserStatsResponse,
MembershipWithCardType,
} from '@mp-pilates/shared'
import { UserRole, MembershipStatus } from '@mp-pilates/shared'
import { wxLogin, isLoggedIn, logout as authLogout } from '../utils/auth'
import { get, put } from '../utils/request'
export const useUserStore = defineStore('user', () => {
// State
const user = ref<UserProfileResponse | null>(null)
const stats = ref<UserStatsResponse | null>(null)
const memberships = ref<readonly MembershipWithCardType[]>([])
const token = ref<string>(uni.getStorageSync('token') as string || '')
// Getters
const loggedIn = computed(() => !!token.value && !!user.value)
const isAdmin = computed(() => user.value?.role === UserRole.ADMIN)
const activeMemberships = computed(() =>
memberships.value.filter((m) => m.status === MembershipStatus.ACTIVE),
)
const hasValidMembership = computed(() => activeMemberships.value.length > 0)
// Actions
async function login() {
try {
const result = await wxLogin()
token.value = result.token
user.value = result.user
return result.user
} catch (err) {
console.error('Login failed:', err)
throw err
}
}
async function fetchProfile() {
if (!isLoggedIn()) return
try {
user.value = await get<UserProfileResponse>('/user/profile')
} catch (err) {
console.error('Fetch profile failed:', err)
}
}
async function fetchStats() {
if (!isLoggedIn()) return
try {
stats.value = await get<UserStatsResponse>('/user/stats')
} catch (err) {
console.error('Fetch stats failed:', err)
}
}
async function fetchMemberships() {
if (!isLoggedIn()) return
try {
memberships.value = await get<MembershipWithCardType[]>('/membership/my')
} catch (err) {
console.error('Fetch memberships failed:', err)
}
}
async function updateProfile(data: { nickname?: string; avatarUrl?: string }) {
const updated = await put<UserProfileResponse>('/user/profile', data)
user.value = updated
return updated
}
function checkAuth() {
if (isLoggedIn()) {
fetchProfile()
fetchMemberships()
}
}
function logout() {
authLogout()
token.value = ''
user.value = null
stats.value = null
memberships.value = []
}
return {
user,
stats,
memberships,
token,
loggedIn,
isAdmin,
activeMemberships,
hasValidMembership,
login,
fetchProfile,
fetchStats,
fetchMemberships,
updateProfile,
checkAuth,
logout,
}
})