import { createApp } from "vue";
import { createI18n } from "vue-i18n";
import { createPinia } from "pinia";
import App from "./App.vue";

import "./assets/main.css";
import "./assets/sheets-of-paper.css";
import "./assets/sheets-of-paper-a4.css";

const i18n = createI18n({
  locale: "fr",
  messages: {
    fr: {
      section: {
        information: "informations",
        education: "formation",
        languages: "langues",
        hobbies: "loisirs",
        experiences: "expériences",
        skills: "compétences",
      },
      age: "{age} ans",
      since: "depuis {date}",
    },
    en: {
      section: {
        information: "information",
        education: "education",
        languages: "languages",
        hobbies: "hobbies",
        experiences: "experiences",
        skills: "skills",
      },
      age: "{age} years",
      since: "since {date}",
    },
  },
});

createApp(App).use(createPinia()).use(i18n).mount("#app");