feat(ui): Browser-Titel "Mini-Cloud - <username>" + Wolken-Favicon

Titel reagiert reaktiv auf Login/Logout. Favicon ist die Wolke aus
der Sidebar (pi-cloud-Style).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Stefan Hacker 2026-04-13 11:05:51 +02:00
parent 1eba5d0adc
commit e96c84b5f7
3 changed files with 17 additions and 2 deletions

View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>frontend</title> <title>Mini-Cloud</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 337 B

View File

@ -1,3 +1,16 @@
<template> <template>
<router-view /> <router-view />
</template> </template>
<script setup>
import { watchEffect } from 'vue'
import { useAuthStore } from './stores/auth'
const auth = useAuthStore()
watchEffect(() => {
document.title = auth.user?.username
? `Mini-Cloud - ${auth.user.username}`
: 'Mini-Cloud'
})
</script>