Add localeDirection method to i18n.js

Add dir to html tag based on localeDirection
Add Farsi to the languages

src/App.vue

@@ -3,5 +3,25 @@
 </template>
 
 <script>
-export default {}
+
+import { i18n, localeDirection } from "./i18n";
+
+export default {
+    created() {
+    
+    this.setPageLocale();
+  },
+  methods: {
+      setPageLocale() {
+        const html = document.documentElement 
+        html.setAttribute('lang', this.$i18n.locale )
+        html.setAttribute('dir', localeDirection() )
+      }
+  },
+  watch: {
+        "$i18n.locale"() {
+            this.setPageLocale();
+        },
+    },
+}
 </script>