build: switch from yarn to npm to manage js dependencies and move js contents to root

yarn v1 is being deprecated and starts to have some issues

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

src/main.ts

@@ -0,0 +1,71 @@
+import { provide, createApp, h, computed, ref } from "vue";
+import VueScrollTo from "vue-scrollto";
+// import VueAnnouncer from "@vue-a11y/announcer";
+// import VueSkipTo from "@vue-a11y/skip-to";
+import App from "./App.vue";
+import { router } from "./router";
+import { i18n, locale } from "./utils/i18n";
+import { apolloClient } from "./vue-apollo";
+import Breadcrumbs from "@/components/Utils/NavBreadcrumbs.vue";
+import { DefaultApolloClient } from "@vue/apollo-composable";
+import "./registerServiceWorker";
+import "./assets/tailwind.css";
+import { setAppForAnalytics } from "./services/statistics";
+import { dateFnsPlugin } from "./plugins/dateFns";
+import { dialogPlugin } from "./plugins/dialog";
+import { snackbarPlugin } from "./plugins/snackbar";
+import { notifierPlugin } from "./plugins/notifier";
+import FloatingVue from "floating-vue";
+import "floating-vue/dist/style.css";
+import Oruga from "@oruga-ui/oruga-next";
+import "@oruga-ui/oruga-next/dist/oruga.css";
+import "./assets/oruga-tailwindcss.css";
+import { orugaConfig } from "./oruga-config";
+import MaterialIcon from "./components/core/MaterialIcon.vue";
+import { createHead } from "@vueuse/head";
+import { CONFIG } from "./graphql/config";
+import { IConfig } from "./types/config.model";
+
+// Vue.use(VueAnnouncer);
+// Vue.use(VueSkipTo);
+
+const app = createApp({
+  setup() {
+    provide(DefaultApolloClient, apolloClient);
+  },
+  render: () => h(App),
+});
+
+app.use(router);
+app.use(i18n);
+app.use(dateFnsPlugin, { locale });
+app.use(dialogPlugin);
+app.use(snackbarPlugin);
+app.use(notifierPlugin);
+app.use(VueScrollTo);
+app.use(FloatingVue);
+
+app.component("breadcrumbs-nav", Breadcrumbs);
+app.component("material-icon", MaterialIcon);
+app.use(Oruga, orugaConfig);
+
+const instanceName = ref<string>();
+
+apolloClient
+  .query<{ config: IConfig }>({
+    query: CONFIG,
+  })
+  .then(({ data: configData }) => {
+    instanceName.value = configData.config?.name;
+  });
+
+const head = createHead({
+  titleTemplate: computed(() =>
+    instanceName.value ? `%s | ${instanceName.value}` : "%s"
+  ).value,
+});
+app.use(head);
+
+app.mount("#app");
+
+setAppForAnalytics(app);