From d0db0950c3eec889589e1811b42ef8db2d3ba005 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Tue, 22 Jul 2025 20:36:07 +0200
Subject: [PATCH] Refactor app.vue and [slug].vue: add scoped styles and
 optimize i18n usage

---
 app/app.vue                   | 2 +-
 app/assets/css/main.css       | 6 +++++-
 app/pages/writings/[slug].vue | 3 +--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index 263ef70..b76255d 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -17,7 +17,7 @@ useHead({
   </UApp>
 </template>
 
-<style>
+<style scoped>
 body {
   font-family: 'DM Sans', sans-serif;
 }
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 9d5ec27..ec997ee 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1,4 +1,8 @@
 @import "tailwindcss";
 @import "@nuxt/ui";
 
-@plugin "@tailwindcss/typography";
\ No newline at end of file
+@plugin "@tailwindcss/typography";
+
+body {
+    @apply bg-white dark:bg-neutral-950;
+}
\ No newline at end of file
diff --git a/app/pages/writings/[slug].vue b/app/pages/writings/[slug].vue
index c84f25a..1cdda44 100644
--- a/app/pages/writings/[slug].vue
+++ b/app/pages/writings/[slug].vue
@@ -8,8 +8,7 @@ const {
   refresh,
 } = await useAsyncData(`writings/${route.params.slug}/db`, () => $fetch(`/api/posts/${route.params.slug}`, { method: 'POST' }))
 
-const { locale } = useI18n()
-const { t } = useI18n({
+const { t, locale } = useI18n({
   useScope: 'local',
 })