diff --git a/src/components/DatePicker.vue b/src/components/DatePicker.vue
index 70ec47c..e97868d 100644
--- a/src/components/DatePicker.vue
+++ b/src/components/DatePicker.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, onUnmounted } from 'vue'
+import { useI18n } from '../composables/useI18n'
+
+
+const { t} = useI18n()
 
 interface Props {
   modelValue?: string | [string, string]
@@ -67,7 +71,6 @@ const formatDisplayDate = (dateStr: string) => {
   const date = new Date(dateStr)
   return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`
 }
-
 // 显示值
 const displayValue = computed(() => {
   if (props.type === 'daterange') {
diff --git a/src/components/MilestonePoint.vue b/src/components/MilestonePoint.vue
index bdf1985..bc6c46e 100644
--- a/src/components/MilestonePoint.vue
+++ b/src/components/MilestonePoint.vue
@@ -2,6 +2,13 @@
 import { computed, ref, onUnmounted } from 'vue'
 import type { Milestone } from '../models/classes/Milestone'
 import { TimelineScale } from '../models/types/TimelineScale'
+import { useI18n } from '../composables/useI18n'
+
+const {  getTranslation } = useI18n()
+
+const t = (key: string): string => {
+  return getTranslation(key)
+}
 
 interface Props {
   date: string // 里程碑日期
diff --git a/src/components/TaskBar.vue b/src/components/TaskBar.vue
index 141b423..a47c2e4 100644
--- a/src/components/TaskBar.vue
+++ b/src/components/TaskBar.vue
@@ -31,6 +31,12 @@ interface Props {
 
 const props = defineProps<Props>()
 
+const {  getTranslation } = useI18n()
+
+const t = (key: string): string => {
+  return getTranslation(key)
+}
+
 const emit = defineEmits([
   'update:task',
   'bar-mounted',