<template>
  <ToolbarComponent />
  <q-page class="row justify-center">
    <q-img alt="OYS Logo" src="~assets/oysqn_logo.png" fit="scale-down" />
    <q-list class="full-width mobile-only">
      <q-item
        v-for="link in enabledLinks.filter((x) => x.front_links)"
        :key="link.name"
      >
        <q-btn
          :icon="link.icon"
          color="primary"
          :size="`1.25em`"
          :to="link.to"
          :label="link.name"
          rounded
          class="full-width"
          :align="'left'"
        />
      </q-item>
    </q-list>
  </q-page>
</template>

<script lang="ts" setup>
import { enabledLinks } from 'src/router/navlinks.js';
import ToolbarComponent from 'components/ToolbarComponent.vue';
</script>
