draft character page

src/pages/Characters.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+const addCharacter = () => {
+    // TODO
+}
+</script>
+
+<template>
+    <div class="grid mb-2 mt-4">
+        <button class="justify-self-end" @click="addCharacter">Add chacarcter</button>
+    </div>
+</template>

src/routes.ts

@@ -11,5 +11,6 @@ export const routes: RouteRecordRaw[] = [
         { path: 'acquisitions', component: () => import('@/pages/market/Acquisitions.vue') },
     ] },
     { path: '/tools', component: () => import('@/pages/Tools.vue') },
+    { path: '/characters', component: () => import('@/pages/Characters.vue') },
     { path: '/about', name: 'about', component: () => import('@/pages/About.vue') },
 ];

src/sidebar/Sidebar.vue

@@ -25,6 +25,9 @@ const logout = async () => {
                         <span>{{ authStore.username }}</span>
                     </template>
                     <ul>
+                        <li>
+                            <RouterLink class="sidebar-button py-0.5 px-2" to="/characters">Characters</RouterLink>
+                        </li>
                         <li>
                             <RouterLink class="sidebar-button py-0.5 px-2" :to="{name: 'about'}">About EVE Online</RouterLink>
                         </li>