<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>
