Feature/auto generate crowdin data (#1071)

* add translated key

* update code generation for crowdin generation

* use composition api and minor styling changes

frontend/composables/use-locales/use-locales.ts

@@ -0,0 +1,23 @@
+import { computed, useContext } from "@nuxtjs/composition-api";
+import { LOCALES } from "./available-locales";
+
+export const useLocales = () => {
+  const { i18n } = useContext();
+
+  const locale = computed<string>({
+    get() {
+      return i18n.locale;
+    },
+    set(value) {
+      i18n.setLocale(value);
+      // Reload the page to update the language - not all strings are reactive
+      window.location.reload();
+    },
+  });
+
+  return {
+    locale,
+    locales: LOCALES,
+    i18n,
+  };
+};