diff --git a/CHANGELOG.md b/CHANGELOG.md
index 876349217..35e795bfb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,8 +6,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
-## [5.3.0-beta.0] - 2025-09-03
-
 - Rename `.esm.js` to `.mjs`
 - Remove the default `fill` color value of `svg`
 - Optimize the `autoOrientation` logic
@@ -25,6 +23,20 @@ const option: Option = {
 }
 ```
 
+- Simplify `i18n` import
+
+```ts
+import fr from 'artplayer/i18n/fr'
+import id from 'artplayer/i18n/id'
+
+const option = {
+  container: '.artplayer-app',
+  url: './assets/sample/video.mp4',
+  i18n: { id, fr },
+  lang: 'fr',
+}
+```
+
 ## [5.2.5] - 2025-08-01
 
 - Add `ESM` version for all packages, such as `artplayer/dist/artplayer.esm.js`
diff --git a/packages/artplayer-template/vue.js/src/Player.vue b/packages/artplayer-template/vue.js/src/Player.vue
index d4184fac8..10d3d5814 100644
--- a/packages/artplayer-template/vue.js/src/Player.vue
+++ b/packages/artplayer-template/vue.js/src/Player.vue
@@ -15,14 +15,14 @@ import artplayerPluginDanmuku from 'artplayer-plugin-danmuku'
 const props = defineProps<{ option: Partial<Option> }>()
 const emit = defineEmits(['getInstance'])
 
-const art = shallowRef<Artplayer>(null)
-const $container = ref(null)
+const art = shallowRef<Artplayer | null>(null)
+const $container = ref<HTMLDivElement | null>(null)
 
 onMounted(() => {
   art.value = new Artplayer({
     ...props.option,
-    url: props.option.url,
-    container: $container.value,
+    url: props.option.url as string,
+    container: $container.value as HTMLDivElement,
     i18n: { id, fr },
     lang: 'fr',
     plugins: [