diff --git a/.env.development b/.env.development
index cd0b752..7fe5c7a 100644
--- a/.env.development
+++ b/.env.development
@@ -1,4 +1,6 @@
VITE_OAUTH_REDIRECT_URL="https://discord.com/api/oauth2/authorize?client_id=238351507634913280&redirect_uri=http%3A%2F%2Flocalhost%3A3000%2Foauth2%2Fcallback&response_type=code&scope=identify"
VITE_API_BASE_URL="http://localhost:8080/api/v2/"
-VITE_DISCORD_USER_AVATAR_URL="https://cdn.discordapp.com/avatars/"
\ No newline at end of file
+VITE_DISCORD_USER_AVATAR_URL="https://cdn.discordapp.com/avatars/"
+
+VITE_APP_TITLE="Claptrap DEV"
\ No newline at end of file
diff --git a/env.d.ts b/env.d.ts
index 52dcd03..d6262a2 100644
--- a/env.d.ts
+++ b/env.d.ts
@@ -3,6 +3,7 @@ interface ImportMetaEnv {
readonly VITE_OAUTH_REDIRECT_URL: string;
readonly VITE_API_BASE_URL: string;
readonly VITE_DISCORD_USER_AVATAR_URL: string;
+ readonly VITE_APP_TITLE: string;
// more env variables...
}
diff --git a/index.html b/index.html
index c388d03..bb88f89 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
- Vuetify 3 Vite Preview
+ Claptrap Bot
diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcf..755721c 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/icon.png b/public/icon.png
new file mode 100644
index 0000000..62605a8
Binary files /dev/null and b/public/icon.png differ
diff --git a/public/index.html b/public/index.html
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/Header/HeaderComponent.vue b/src/components/Header/HeaderComponent.vue
index 7759c84..de6ed7a 100644
--- a/src/components/Header/HeaderComponent.vue
+++ b/src/components/Header/HeaderComponent.vue
@@ -1,7 +1,10 @@
- Claptrap Bot
+
+
+ Claptrap Bot
+
diff --git a/src/router/index.ts b/src/router/index.ts
index 3ffd2a1..3cc524a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -11,6 +11,7 @@ import HomeView from "../views/HomeView.vue";
declare module "vue-router" {
interface RouteMeta {
requiresAuth: boolean;
+ title: string;
}
}
@@ -23,6 +24,7 @@ const router = createRouter({
component: HomeView,
meta: {
requiresAuth: false,
+ title: "Home",
},
},
{
@@ -31,6 +33,7 @@ const router = createRouter({
component: GuildHomeViewVue,
meta: {
requiresAuth: true,
+ title: "Home",
},
},
{
@@ -39,6 +42,7 @@ const router = createRouter({
component: OauthCallbackViewVue,
meta: {
requiresAuth: false,
+ title: "Login",
},
},
{
@@ -47,6 +51,7 @@ const router = createRouter({
component: OauthRedirectViewVue,
meta: {
requiresAuth: false,
+ title: "Login",
},
},
],
@@ -54,6 +59,7 @@ const router = createRouter({
router.beforeEach((to, from) => {
const store = useUserStore();
+ document.title = `${import.meta.env.VITE_APP_TITLE} - ${to.meta.title}`;
if (to.meta.requiresAuth && !store.isLoggedIn) {
return { name: "oauth-redirect" };
} else {