redirect home page to boards

Author: danielkellyio

src/pages/boards/index.vue

@@ -24,13 +24,17 @@ const boards = ref<Partial<Board>[]>([
     order: "[]",
   },
 ]);
+
+function createBoard() {
+  console.log("board created");
+}
 </script>
 
 <template>
   <h1 class="text-3xl mb-5">Boards</h1>
   <div class="flex">
     <BoardCard v-for="board in boards" :key="board.id" :board="board" />
-    <button class="text-gray-500" @click="createBoard(newBoardTemplate)">
+    <button class="text-gray-500" @click="createBoard()">
       <span>New Board +</span>
     </button>
   </div>

src/pages/index.vue

@@ -1,15 +1,5 @@
-<script setup lang="ts"></script>
-<template>
-  <div class="flex justify-center items-center h-[80vh]">
-    <div class="text-center">
-      <img
-        class="block"
-        src="https://vuejsforge.com/images/logo.svg"
-        alt="Vue.js Forge"
-      />
-      <AppButton class="block">
-        <a href="https://vi.to/hubs/vuejs-forge/" target="_blank">Get Started</a>
-      </AppButton>
-    </div>
-  </div>
-</template>
+<script lang="ts" setup>
+import { useRouter } from "vue-router";
+const router = useRouter();
+router.push("/boards");
+</script>