国际化

配置

WARNING

VueStackTabs 默认支持英文(en)和中文(zh-CN)两种语言

<template>
  <div class="app-header">头部</div>
  <div class="app-body">
    <div class="app-side">侧边栏</div>
    <vue-stack-tabs iframe-path="/iframe" i18n="zh-CN"/>
  </div>
</template>

自定义语言

main.js 入口文件

// vue-stack-tabs 依赖 vue 和 vue-router
import { createApp } from 'vue'

// 引入组件和样式
import VueStackTabs from 'vue-stack-tabs'
import 'vue-stack-tabs/dist/style.css'

import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(router)
app.use(VueStackTabs, [{
  locale:'xxxx',
  messages:{
    VueStackTab: {
      close: 'Close',
      closeLeft: 'Close left',
      closeRight: 'Close right',
      closeOthers: 'Close others',
      closeAll: 'Close all',
      reload: 'Reload',
      reloadAll: 'Reload all',
      maximum: 'Maximum',
      restore: 'Restore',
      undefined: 'Undefined',
      loading: 'Loading',
      openInNewWindow: 'Open in new window'
    }
  }
}])

app.mount('#app')