<template>
  <router-view />
</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>
