Join page new design implemented

src/components/languageMixin.js

@@ -0,0 +1,21 @@
+export default {
+  data() {
+    return {
+      languages: [],
+      activeLang:null,
+    }
+  },
+  methods: {
+    getLanguages() {
+      return this.languages;
+    }
+  },
+  mounted() {
+    for (const locale of Object.keys(this.$i18n.messages)) {
+      this.languages.push({
+        text: this.$i18n.messages[locale].language_display_name || locale,
+        value: locale,
+      });
+    }
+  }
+}