BinarySandia04
09b44952df
All checks were successful
Build and Deploy Nuxt / build (push) Successful in 30s
47 lines
914 B
Vue
47 lines
914 B
Vue
|
|
|
|
<template>
|
|
<head>
|
|
<title>Aran Roig — Developer, Artist & Designer</title>
|
|
</head>
|
|
<div>
|
|
<NuxtRouteAnnouncer />
|
|
<div class="container">
|
|
<NuxtPage />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { locale } = useI18n()
|
|
|
|
// Set global html lang attribute based on current locale
|
|
useHead({
|
|
htmlAttrs: {
|
|
lang: computed(() => {
|
|
const map: Record<string, string> = { en: 'en-US', es: 'es-ES', ca: 'ca-ES' }
|
|
return map[locale.value] || 'en-US'
|
|
})
|
|
},
|
|
meta: [
|
|
{ name: 'author', content: 'Aran Roig' },
|
|
{ name: 'robots', content: 'index, follow' }
|
|
]
|
|
})
|
|
|
|
onMounted(() => {
|
|
setupTheme()
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.container {
|
|
align-items: stretch; /* make items grow horizontally to fill container */
|
|
margin-bottom: 30px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
</style>
|