diff --git a/src/auth.js b/src/auth.js index 06a4595..ce17d86 100644 --- a/src/auth.js +++ b/src/auth.js @@ -16,7 +16,6 @@ fetch(`${import.meta.env.VITE_BACKEND_URL}/ping`, options) // if auth ok, set isAuthenticated to true if (res.ok) { isAuthenticated.value = true; - console.log(isAuthenticated); return res.json(); } }) diff --git a/src/main.js b/src/main.js index 616eb61..f906b3b 100644 --- a/src/main.js +++ b/src/main.js @@ -10,4 +10,8 @@ const router = VueRouter.createRouter({ routes, }); -Vue.createApp(App).use(router).mount("#app"); +router.beforeEach((to, from, next) => { + document.title = to.meta.title; + next(); +}), + Vue.createApp(App).use(router).mount("#app"); diff --git a/src/router/index.js b/src/router/index.js index 4886694..dd3203e 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -3,11 +3,26 @@ import Post from "../views/Post.vue"; import Login from "../views/Login.vue"; import Signup from "../views/Signup.vue"; import User from "../views/User.vue"; +import { useRouter } from "vue-router"; + +const router = useRouter(); export const routes = [ - { path: "/", component: Home }, - { path: "/post/:postID", component: Post }, - { path: "/login", component: Login }, - { path: "/user/new_user", component: Signup }, - { path: "/user/:userID", component: User }, + { path: "/", component: Home, meta: { title: "myPlace()" } }, + { + path: "/post/:postID", + component: Post, + meta: { title: "myPlace() - Post" }, + }, + { path: "/login", component: Login, meta: { title: "myPlace() - Login" } }, + { + path: "/user/new_user", + component: Signup, + meta: { title: "myPlace() - Join" }, + }, + { + path: "/user/:userID", + component: User, + meta: { title: "myPlace() - User" }, + }, ]; diff --git a/src/views/Login.vue b/src/views/Login.vue index 83f89a5..d667fea 100644 --- a/src/views/Login.vue +++ b/src/views/Login.vue @@ -47,9 +47,11 @@ const attemptLogin = (username, password) => { id="username" class="bg-zinc-900 border p-5" v-model="password" + @keydown.enter="attemptLogin(username, password)" /> + diff --git a/src/views/Signup.vue b/src/views/Signup.vue index f99dcaf..e5929c8 100644 --- a/src/views/Signup.vue +++ b/src/views/Signup.vue @@ -52,9 +52,11 @@ const createUser = (username, password) => { id="username" class="bg-zinc-900 border p-5" v-model="password" + @keydown.enter="createUser(username, password)" />