1 files changed, 21 insertions, 6 deletions
diff --git a/client/src/router/index.js b/client/src/router/index.js
index f0d3113..123941b 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -1,5 +1,9 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import { createRouter, createWebHistory } from 'vue-router';
+
+import Home from '../views/Home.vue';
+import NewSmile from '../views/NewSmile.vue';
+import GetSmile from '../views/GetSmile.vue';
+import UploadSmile from '../views/UploadSmile.vue';
 
 const routes = [
     {
@@ -13,13 +17,24 @@ const routes = [
         // route level code-splitting
         // this generates a separate chunk (about.[hash].js) for this route
         // which is lazy-loaded when the route is visited.
-        component: () => import(/* webpackChunkName: "about" */ '../views/NewSmile.vue')
+        // component: () => import(/* webpackChunkName: "about" */ '../views/NewSmile.vue')
+        component: NewSmile
+    },
+    {
+        path: '/:id',
+        name: 'Get Smile',
+        component: GetSmile
+    },
+    {
+        path: '/:id/:auth',
+        name: 'Upload Smile',
+        component: UploadSmile
     }
-]
+];
 
 const router = createRouter({
     history: createWebHistory(process.env.BASE_URL),
     routes
-})
+});
 
-export default router
+export default router;