+ Edit
+ components/HelloWorld.vue
to test HMR
+
+ Check out + create-vue, the official Vue + Vite starter +
++ Install + Volar + in your IDE for a better DX +
++ Click on the Vite and Vue logos to learn more +
+ + + diff --git a/src/pages/HomePage.vue b/src/pages/HomePage.vue new file mode 100644 index 0000000..eadb5f6 --- /dev/null +++ b/src/pages/HomePage.vue @@ -0,0 +1,49 @@ + + + +
+ Edit
+ components/HelloWorld.vue
to test HMR
+
+ Check out + create-vue, the official Vue + Vite starter +
++ Install + Volar + in your IDE for a better DX +
++ Click on the Vite and Vue logos to learn more +
+ + + diff --git a/src/pages/IndividualRoom.vue b/src/pages/IndividualRoom.vue new file mode 100644 index 0000000..eadb5f6 --- /dev/null +++ b/src/pages/IndividualRoom.vue @@ -0,0 +1,49 @@ + + + +
+ Edit
+ components/HelloWorld.vue
to test HMR
+
+ Check out + create-vue, the official Vue + Vite starter +
++ Install + Volar + in your IDE for a better DX +
++ Click on the Vite and Vue logos to learn more +
+ + + diff --git a/src/pages/NotFound.vue b/src/pages/NotFound.vue new file mode 100644 index 0000000..6e891f1 --- /dev/null +++ b/src/pages/NotFound.vue @@ -0,0 +1,3 @@ + +
+ Edit
+ components/HelloWorld.vue
to test HMR
+
+ Check out + create-vue, the official Vue + Vite starter +
++ Install + Volar + in your IDE for a better DX +
++ Click on the Vite and Vue logos to learn more +
+ + + diff --git a/src/router/index.ts b/src/router/index.ts new file mode 100644 index 0000000..011623b --- /dev/null +++ b/src/router/index.ts @@ -0,0 +1,37 @@ +import { RouteRecordRaw, createRouter, createWebHistory } from 'vue-router' + +const routes: RouteRecordRaw[] = [ + { + path: '/', + name: 'Home', + component: import('../pages/HomePage.vue'), + }, + { + path: '/rooms', + name: 'Rooms', + component: import('../pages/RoomList.vue'), + }, + { + path: '/rooms/:id', + name: 'IndividualRoom', + component: import('../pages/IndividualRoom.vue'), + }, + { + path: '/rooms/create', + name: 'CreateRoom', + component: import('../pages/CreateRoom.vue'), + }, + { + // 404 page + path: '/:pathMatch(.*)*', + name: 'NotFound', + component: import('../pages/NotFound.vue'), + } +] + +const router = createRouter({ + history: createWebHistory(), + routes, +}) + +export default router diff --git a/src/shims.d.ts b/src/shims.d.ts new file mode 100644 index 0000000..fe00a85 --- /dev/null +++ b/src/shims.d.ts @@ -0,0 +1,6 @@ +declare module '*.vue' { + import type { DefineComponent } from 'vue' + + const component: DefineComponent + export default component +}