poptong
83b162d2bd
Some checks failed
🚀 Deploy - Demo / deployment (push) Has been cancelled
- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경 - Nginx 리버스 프록시 설정 파일 추가 - 배포 가이드 업데이트
60 lines
1.4 KiB
Vue
60 lines
1.4 KiB
Vue
<script lang="ts" setup>
|
|
import AccountSettingsAccount from '@/views/pages/account-settings/AccountSettingsAccount.vue'
|
|
import AccountSettingsNotification from '@/views/pages/account-settings/AccountSettingsNotification.vue'
|
|
import AccountSettingsSecurity from '@/views/pages/account-settings/AccountSettingsSecurity.vue'
|
|
|
|
const route = useRoute()
|
|
|
|
const activeTab = ref(route.params.tab)
|
|
|
|
// tabs
|
|
const tabs = [
|
|
{ title: 'Account', icon: 'bx-user', tab: 'account' },
|
|
{ title: 'Security', icon: 'bx-lock-open', tab: 'security' },
|
|
{ title: 'Notifications', icon: 'bx-bell', tab: 'notification' },
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<VTabs
|
|
v-model="activeTab"
|
|
show-arrows
|
|
class="v-tabs-pill"
|
|
>
|
|
<VTab
|
|
v-for="item in tabs"
|
|
:key="item.icon"
|
|
:value="item.tab"
|
|
>
|
|
<VIcon
|
|
size="20"
|
|
start
|
|
:icon="item.icon"
|
|
/>
|
|
{{ item.title }}
|
|
</VTab>
|
|
</VTabs>
|
|
|
|
<VWindow
|
|
v-model="activeTab"
|
|
class="mt-5 disable-tab-transition"
|
|
>
|
|
<!-- Account -->
|
|
<VWindowItem value="account">
|
|
<AccountSettingsAccount />
|
|
</VWindowItem>
|
|
|
|
<!-- Security -->
|
|
<VWindowItem value="security">
|
|
<AccountSettingsSecurity />
|
|
</VWindowItem>
|
|
|
|
<!-- Notification -->
|
|
<VWindowItem value="notification">
|
|
<AccountSettingsNotification />
|
|
</VWindowItem>
|
|
</VWindow>
|
|
</div>
|
|
</template>
|