<template>
  <toolbar-component pageTitle="Boats" />
  <q-page>
    <boat-preview-component :boats="boats" />
  </q-page>
</template>

<script lang="ts" setup>
import BoatPreviewComponent from 'src/components/boat/BoatPreviewComponent.vue';
import { ref } from 'vue';
import { useBoatStore } from 'src/stores/boat';
import ToolbarComponent from 'src/components/ToolbarComponent.vue';

const boatStore = useBoatStore();
boatStore.fetchBoats();
const boats = ref(useBoatStore().boats);
</script>
