Move boat data to store

src/stores/boat.ts

@@ -0,0 +1,48 @@
+import { defineStore } from 'pinia';
+
+// const boatSource = null;
+
+export interface Boat {
+  id: number;
+  name: string;
+  class: string;
+  year: number;
+  imgsrc: string;
+}
+
+const getSampleData = () => [
+  {
+    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',
+  },
+];
+
+export const useBoatStore = defineStore('boat', {
+  state: () => ({
+    boats: getSampleData(),
+  }),
+
+  getters: {},
+
+  actions: {
+    // update () {
+    // }
+  },
+});