WebService-Boilerplate/src-frontend/pages/HomePage.vue
2025-03-11 12:57:45 +07:00

58 lines
1.6 KiB
Vue

<template>
<v-card class="mb-6">
<v-card-title>Home Page</v-card-title>
<v-card-text>Current route: {{ $route.fullPath }}</v-card-text>
</v-card>
<v-card class="mb-6">
<v-card-title>Тест аутентификации</v-card-title>
<v-card-text>
Текущий пользователь: <pre v-if="auth.user()">{{ auth.user() }}</pre> <pre v-else>null</pre>
</v-card-text>
</v-card>
<v-card class="mb-6">
<v-card-title>Тест ассетов</v-card-title>
<v-card-text>
<a href="https://vite.dev" target="_blank">
<img src="/vite.svg" class="logo" alt="Vite logo" />
</a>
<a href="https://vuejs.org/" target="_blank">
<img src="./../assets/vue.svg" class="logo vue" alt="Vue logo" />
</a>
</v-card-text>
</v-card>
<v-card class="mb-6">
<v-card-title>Тест иконок</v-card-title>
<v-card-text>
<v-icon color="info" icon="mdi-wifi" size="x-large"></v-icon>
<v-icon icon="mdi-home" />
</v-card-text>
</v-card>
<v-card class="mb-6">
<v-card-title>Тест роутера</v-card-title>
<v-card-text>
<RouterLink to="/">Go to Home</RouterLink><br>
<RouterLink to="/about">Go to About</RouterLink>
</v-card-text>
</v-card>
<v-card class="mb-6">
<v-card-title>Тест компонента</v-card-title>
<v-card-text>
<TestComponent></TestComponent>
</v-card-text>
</v-card>
</template>
<script setup>
import TestComponent from "../components/TestComponent.vue";
import {useAuth} from "vue-auth3";
const auth = useAuth();
</script>