Move boat data to store

src/pages/BoatPage.vue

@@ -7,28 +7,7 @@
 <script lang="ts" setup>
 import BoatPreviewComponent from 'src/components/BoatPreviewComponent.vue';
 import { ref } from 'vue';
+import { useBoatStore } from 'src/stores/boat';
 
-const boats = ref([
-  {
-    id: 1,
-    name: 'ProjectX',
-    class: 'J/27',
-    year: 1981,
-    imgsrc: '/src/assets/j27.png',
-  },
-  {
-    id: 2,
-    name: 'Take5',
-    class: 'J/27',
-    year: 1985,
-    imgsrc: '/src/assets/j27.png',
-  },
-  {
-    id: 3,
-    name: 'WeeBeestie',
-    class: 'Capri 25',
-    year: 1989,
-    imgsrc: '/src/assets/capri25.png',
-  },
-]);
+const boats = ref(useBoatStore().boats);
 </script>