sb
0c538e0658
- 로그인 화면: 구글(GIS) 버튼 + 애플 버튼 + 개발용 로그인(local) - 인증 스토어(Pinia): 토큰 복구/로그인/로그아웃, 회원 티어를 광고·매칭 제어에 반영 - HTTP 클라이언트: Authorization Bearer 자동 첨부, 401 시 토큰 폐기 후 로그인 이동 - 라우터 가드: 미로그인 시 보호 경로 → /login (소셜 로그인 전용 앱) - 헤더 회원 메뉴/로그아웃, 체크인 주체를 로그인 회원으로 전환 - 토큰 localStorage 저장(웹/Capacitor 공용) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
38 lines
1002 B
TypeScript
38 lines
1002 B
TypeScript
import { createApp } from 'vue'
|
|
import { Quasar, Notify } from 'quasar'
|
|
import { createPinia } from 'pinia'
|
|
|
|
// Quasar 필수 스타일 & 아이콘
|
|
import '@quasar/extras/material-icons/material-icons.css'
|
|
import '@quasar/extras/mdi-v7/mdi-v7.css'
|
|
import 'quasar/src/css/index.sass'
|
|
|
|
import App from './App.vue'
|
|
import router from './router'
|
|
import './css/app.scss'
|
|
import { setUnauthorizedHandler } from '@/api/http'
|
|
import { useAuthStore } from '@/stores/auth'
|
|
|
|
const app = createApp(App)
|
|
|
|
const pinia = createPinia()
|
|
app.use(pinia)
|
|
app.use(Quasar, {
|
|
plugins: { Notify },
|
|
config: {
|
|
brand: { primary: '#6DB3E8' },
|
|
},
|
|
})
|
|
app.use(router)
|
|
|
|
// 401 응답 시 로그인 화면으로
|
|
setUnauthorizedHandler(() => {
|
|
if (router.currentRoute.value.name !== 'login') {
|
|
router.replace({ name: 'login' })
|
|
}
|
|
})
|
|
|
|
// 저장된 토큰으로 세션 복구 후 마운트 (라우터 가드가 올바른 상태를 보도록)
|
|
const auth = useAuthStore(pinia)
|
|
auth.init().finally(() => app.mount('#app'))
|