rayyy-vue-table-components 1.3.18 → 1.3.20

package/README.md

@@ -38,8 +38,6 @@ pnpm add rayyy-vue-table-components
 ```
 
 > **注意**: 本組件庫需要 Vue 3.0+ 和 Element Plus 作為對等依賴。
-> 
-> **重要**: 請確保在外部專案中正確配置 Element Plus 的語言設定，組件庫內部不會自動設定語言。
 
 ## 🚀 快速開始
 
@@ -50,7 +48,6 @@ pnpm add rayyy-vue-table-components
 ```typescript
 import { createApp } from 'vue'
 import ElementPlus from 'element-plus'
-import { getElementPlusConfig } from 'rayyy-vue-table-components'
 import 'element-plus/dist/index.css'
 import VueTableComponents from 'rayyy-vue-table-components'
 import 'rayyy-vue-table-components/styles'
@@ -59,8 +56,10 @@ import App from './App.vue'
 
 const app = createApp(App)
 
-// 安裝 Element Plus（使用組件庫提供的語言配置）
-app.use(ElementPlus, getElementPlusConfig('zh-tw'))
+// 安裝 Element Plus（可自定義語系）
+app.use(ElementPlus, {
+  locale: zhTw  // 設定繁體中文
+})
 
 // 安裝組件庫
 app.use(VueTableComponents)
@@ -70,23 +69,26 @@ app.mount('#app')
 
 ### 語系設定
 
-**重要**: 組件庫依賴 Element Plus，請務必在外部專案中正確配置 Element Plus 的語言設定。組件庫內部不會自動設定語言，需要在外部專案中手動配置：
+組件庫依賴 Element Plus，請在安裝 Element Plus 時設定語系：
 
 ```typescript
 import { createApp } from 'vue'
 import ElementPlus from 'element-plus'
-import { getElementPlusConfig, zhTw, en } from 'rayyy-vue-table-components'
+import zhTw from 'element-plus/es/locale/lang/zh-tw'
+import en from 'element-plus/es/locale/lang/en'
 import VueTableComponents from 'rayyy-vue-table-components'
 
 const app = createApp(App)
 
-// 方法一：使用組件庫提供的配置函數（推薦）
-app.use(ElementPlus, getElementPlusConfig('zh-tw')) // 繁體中文
-// app.use(ElementPlus, getElementPlusConfig('en'))   // 英文
+// 使用繁體中文
+app.use(ElementPlus, {
+  locale: zhTw
+})
 
-// 方法二：直接使用語言包
-// app.use(ElementPlus, { locale: zhTw })  // 繁體中文
-// app.use(ElementPlus, { locale: en })    // 英文
+// 或使用英文
+app.use(ElementPlus, {
+  locale: en
+})
 
 app.use(VueTableComponents)
 app.mount('#app')