Add locale handling

src/views/HomeView.vue

@@ -2,13 +2,19 @@
     <Navbar />
 
     <main>
-        <h1 class="text-5xl font-bold">
-            Hello world
-        </h1>
+        <div class="container mx-auto">
+            <h1 class="text-5xl font-bold">
+                {{ t("hello") }}
+            </h1>
+        </div>
     </main>
 </template>
 
 
 <script setup lang="ts">
     import Navbar from "@/components/Navbar/Navbar.vue";
+    import { useI18n } from "vue-i18n";
+    import locale from "./locale.json";
+
+    const { t } = useI18n({ messages: locale });
 </script>

src/views/locale.json

@@ -0,0 +1,8 @@
+{
+    "en": {
+        "hello": "Hello"
+    },
+    "it": {
+        "hello": "Ciao"
+    }
+}