<script setup lang="ts">
import { ref } from 'vue';
import { NFlex, NText, NSelect } from 'naive-ui';

const language = ref('zh-CN');
const langOptions = [
  { label: '简体中文', value: 'zh-CN' },
  { label: 'English', value: 'en-US' },
  { label: '日本語', value: 'ja-JP' },
];
</script>

<template>
  <NFlex vertical :gap="20">
    <NText tag="h2" style="font-size: 20px; font-weight: 600; margin: 0">语言</NText>
    <NFlex align="center" :gap="16">
      <NText style="font-size: 14px; white-space: nowrap">界面语言</NText>
      <NSelect v-model:value="language" :options="langOptions" style="width: 200px" />
    </NFlex>
  </NFlex>
</template>
