<template>
  <div class="column full-height justify-center">
    <q-btn
      label="table"
      @click="() => {
        router.push('test/table')
      }"
    />
    <q-btn
      label="tableResponsive"
      @click="() => {
        router.push('test/tableResponsive')
      }"
    />
    <q-btn
      label="popup"
      @click="() => {
        router.push('test/popup')
      }"
    />
    <q-btn
      label="menuButtons"
      @click="() => {
        router.push('test/menuButtons')
      }"
    />
    <q-btn
      label="actionNavBar"
      @click="() => {
        router.push('test/actionNavBar')
      }"
    />
    <q-btn
      label="fileUploaderProgress"
      @click="() => {
        router.push('test/fileUploaderProgress')
      }"
    />
    <q-btn
      label="fileViewer"
      @click="() => {
        router.push('test/fileViewer')
      }"
    />
    <q-btn
      label="fileManagerPopup"
      @click="() => {
        router.push('test/fileManagerPopup')
      }"
    />
    <q-btn
      label="calendarTable"
      @click="() => {
        router.push('test/calendarTable')
      }"
    />
  </div>
</template>
<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()
</script>
<style></style>
