add default app.vue

This commit is contained in:
axolotle 2023-08-05 15:06:40 +02:00
parent 746fdafa9c
commit 9d71cea517
3 changed files with 24 additions and 28 deletions

24
app.vue Normal file
View file

@ -0,0 +1,24 @@
<script setup lang="ts">
const head = useLocaleHead({
addDirAttribute: true,
addSeoAttributes: true,
})
</script>
<template>
<NuxtLayout>
<Html :lang="head.htmlAttrs?.lang" :dir="head.htmlAttrs?.dir" />
<NuxtPage />
</NuxtLayout>
</template>
<style>
body {
font-family: 'Source Sans 3';
}
#__nuxt {
@apply min-h-screen flex;
}
</style>

View file

@ -1,8 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
const head = useLocaleHead({
addDirAttribute: true,
addSeoAttributes: true,
})
const { t } = useI18n() const { t } = useI18n()
const isLoggedIn = useIsLoggedIn() const isLoggedIn = useIsLoggedIn()
const { userData: me } = await useUserInfo() const { userData: me } = await useUserInfo()
@ -71,8 +67,6 @@ async function logout() {
<template> <template>
<div class="container mx-auto p-10 min-h-screen flex flex-col"> <div class="container mx-auto p-10 min-h-screen flex flex-col">
<Html :lang="head.htmlAttrs?.lang" :dir="head.htmlAttrs?.dir"></Html>
<header class="py-10"> <header class="py-10">
<slot name="header"> <slot name="header">
<div class="flex flex-row flex-wrap items-center min-w-full"> <div class="flex flex-row flex-wrap items-center min-w-full">
@ -141,9 +135,3 @@ async function logout() {
</footer> </footer>
</div> </div>
</template> </template>
<style>
body {
font-family: 'Source Sans 3';
}
</style>

View file

@ -7,10 +7,6 @@ definePageMeta({
layout: false, layout: false,
}) })
const head = useLocaleHead({
addDirAttribute: true,
addSeoAttributes: true,
})
const { t } = useI18n() const { t } = useI18n()
const isLoggedIn = useIsLoggedIn() const isLoggedIn = useIsLoggedIn()
@ -49,7 +45,6 @@ const login = handleSubmit(async (form) => {
<template> <template>
<main class="w-50 m-auto"> <main class="w-50 m-auto">
<Html :lang="head.htmlAttrs?.lang" :dir="head.htmlAttrs?.dir"></Html>
<img <img
class="flex-none mx-auto w-1/2 mb-10" class="flex-none mx-auto w-1/2 mb-10"
src="/assets/img/logo-white.svg" src="/assets/img/logo-white.svg"
@ -90,14 +85,3 @@ const login = handleSubmit(async (form) => {
</form> </form>
</main> </main>
</template> </template>
<style>
/* FIXME add in css file */
body {
font-family: 'Source Sans 3';
}
#__nuxt {
@apply min-h-screen flex;
}
</style>