feat: gameboard ui

frontend/src/router/index.js

@@ -2,6 +2,10 @@ import HomePage from '@/pages/home/HomePage.vue'
 import LoginPage from '@/pages/login/LoginPage.vue'
 import LaravelPage from '@/pages/testing/LaravelPage.vue'
 import WebsocketsPage from '@/pages/testing/WebsocketsPage.vue'
+import TestAnimations from '@/pages/TestAnimations.vue'
+import TestDealing from '@/pages/TestDealing.vue'
+import TestAllAnimations from '@/pages/TestAllAnimations.vue'
+import TestGameBoard from '@/pages/TestGameBoard.vue'
 import { createRouter, createWebHistory } from 'vue-router'
 
 const router = createRouter({
@@ -26,6 +30,22 @@ const router = createRouter({
           path: 'websockets',
           component: WebsocketsPage,
         },
+        {
+          path: 'animations',
+          component: TestAnimations,
+        },
+        {
+          path: 'dealing',
+          component: TestDealing,
+        },
+        {
+          path: 'all-animations',
+          component: TestAllAnimations,
+        },
+        {
+          path: 'gameboard',
+          component: TestGameBoard,
+        },
       ],
     },
   ],