refactor(router): page files paths architecture

Took 11 minutes

src/pages/CompanyPage.vue → src/pages/Company/index.vue

@@ -1,3 +1,5 @@
 <template>
 	<p>Company page content</p>
 </template>;
+<script lang="ts" setup>
+</script>

src/pages/DesignPage.vue → src/pages/Design/index.vue

@@ -1,4 +1,5 @@
-<script setup lang="ts"></script>;
+<script lang="ts" setup>
+</script>;
 
 <template>
 	<div class="container mx-auto px-5 w-full text-center flex flex-col space-y-2.5">

src/router.ts

@@ -1,16 +1,25 @@
 import { createRouter, createWebHistory } from "vue-router";
 
-import HomePage from "./pages/HomePage.vue";
-import CompanyPage from "./pages/CompanyPage.vue";
-import DesignPage from "./pages/DesignPage.vue";
+import Home from "./pages/Home/index.vue";
+import Company from "./pages/Company/index.vue";
+import Design from "./pages/Design/index.vue";
 
 const routes = [
-	{ path: "/", component: HomePage },
-	{ path: "/company", component: CompanyPage },
-	{ path: "/design", component: DesignPage },
+	{
+		path: "/",
+		component: Home
+	},
+	{
+		path: "/company",
+		component: Company
+	},
+	{
+		path: "/design",
+		component: Design
+	}
 ];
 
 export const router = createRouter({
 	history: createWebHistory(),
-	routes,
+	routes
 });