| 1 | <template> |
| 2 | <n-card title="Change Password"> |
| 3 | <p class="text-secondary mb-4">Update your account password to keep your profile secure.</p> |
| 4 | <ChangePassword :user="{ username: userName, id: 0, email: '' }" type="primary" /> |
| 5 | </n-card> |
| 6 | </template> |
| 7 | |
| 8 | <script lang="ts" setup> |
| 9 | import { NCard } from "naive-ui" |
| 10 | import ChangePassword from "@/components/users/ChangePassword.vue" |
| 11 | import { useAuthStore } from "@/stores/auth" |
| 12 | |
| 13 | const authStore = useAuthStore() |
| 14 | |
| 15 | const userName = authStore.userName |
| 16 | </script> |