<template>
    <div>
        <h1 class="text-xl">Welcome to your {{ appName }}!</h1>
        <p v-if="current_user">Logged in as {{ current_user.name }}</p>
    </div>
</template>

<script setup lang="ts">
    const current_user = useCurrentUser();
    const appName = 'Nuxt App';
</script>

<style scoped>
h1 {
    color: #42b983;
}
</style>