<template>
  <div id="app" :dir="dir">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
  </div>
</template>
<script>
export default {
  name: "App",
  data() {
    return {
      dir: "ltr",
    };
  },
  created() {
    let lang_type = localStorage.getItem("language_type");
    if (lang_type == "AR") {
      this.dir = "rtl";
    }
  },
};
</script>
</script>
<style>
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
#app {
  width: 100%;
  height: 100%;
}
</style>
