index.vue 2.8 KB
<template>
  <div>
    <el-dropdown trigger="click">
      <span class="el-dropdown-link">
        <i class="iconfont icon-international text-[#5961f9] language"></i>
      </span>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('english');"
              >English</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('chinese_simplified');"
              >简体中文</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('vietnamese');"
              >Tiếng Việt</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('thai');"
              >คนไทย</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('malay');"
              >Malay</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('singapore');"
              >සිංගාපුර්</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a class="ignore" href="javascript:translate.changeLanguage('lao');"
              >ກະຣຸນາ</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('khmer');"
              >ភាសា​ខ្មែរName</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('filipino');"
              >Pilipino</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('burmese');"
              >ဗာရမ်</a
            >
          </el-dropdown-item>
          <el-dropdown-item>
            <a
              class="ignore"
              href="javascript:translate.changeLanguage('indonesian');"
              >IndonesiaName</a
            >
          </el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>
  </div>
</template>

<script setup lang="ts"></script>
<style scoped>
.language {
  font-size: 40px;
}

@media (max-width: 768px) {
  .language {
    font-size: 35px;
  }
}
</style>