claude rework

2026-06-07 15:43:43 +02:00
parent a2e2ff141e
commit b4874ad318
63 changed files with 5945 additions and 1752 deletions
@@ -0,0 +1,74 @@
+<script setup>
+import { RouterLink, useRouter } from 'vue-router'
+
+const router = useRouter()
+
+function logout() {
+  localStorage.removeItem('user-token')
+  localStorage.removeItem('user-id')
+  router.push({ name: 'login' })
+}
+</script>
+
+<template>
+  <header class="app-nav">
+    <div class="app-nav__wrapper">
+      <span class="app-nav__title">RSS Reader</span>
+      <nav class="app-nav__links">
+        <RouterLink to="/feeds">Feeds</RouterLink>
+        <button class="app-nav__logout" @click="logout">Logout</button>
+      </nav>
+    </div>
+  </header>
+</template>
+
+<style scoped>
+.app-nav__wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  padding: 0.75rem 1rem;
+}
+
+.app-nav__title {
+  font-weight: bold;
+  font-size: clamp(1.1rem, 4vw, 1.4rem);
+}
+
+.app-nav__links {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.app-nav__links a {
+  padding: 0.5rem 0.75rem;
+  min-height: 44px;
+  display: inline-flex;
+  align-items: center;
+  text-decoration: none;
+  color: var(--color-text);
+}
+
+.app-nav__links a.router-link-exact-active {
+  font-weight: bold;
+}
+
+.app-nav__logout {
+  min-height: 44px;
+  padding: 0.5rem 0.9rem;
+  border: 1px solid var(--color-border);
+  border-radius: 4px;
+  background: transparent;
+  color: var(--color-text);
+  cursor: pointer;
+}
+
+@media (min-width: 768px) {
+  .app-nav__wrapper {
+    padding: 1rem 2rem;
+  }
+}
+</style>