<template>
  <el-dropdown trigger="click">
    <i :class="'iconfont icon-zhongyingwen'" class="toolBar-icon"></i>
    <template #dropdown>
      <el-dropdown-menu>
        <el-dropdown-item
          v-for="item in languageList"
          :key="item.value"
          :command="item.value"
          :disabled="language === item.value"
        >
          {{ item.label }}
        </el-dropdown-item>
      </el-dropdown-menu>
    </template>
  </el-dropdown>
</template>

<script setup>
  // import { useI18n } from 'vue-i18n';
  // import { computed } from 'vue';
  import { useGlobalStore } from '@/stores/modules/global';

  // const i18n = useI18n();
  const globalStore = useGlobalStore();
  const language = computed(() => globalStore.language);

  const languageList = [
    { label: '简体中文', value: 'zh' },
    { label: 'English', value: 'en' },
  ];

  // const changeLanguage = (lang) => {
  //   i18n.locale.value = lang;
  //   globalStore.setGlobalState('language', lang);
  // };
</script>
