diff --git a/app/src/views/environment/BatchUpgrader.vue b/app/src/views/environment/BatchUpgrader.vue
index 805033bc..9ce893c7 100644
--- a/app/src/views/environment/BatchUpgrader.vue
+++ b/app/src/views/environment/BatchUpgrader.vue
@@ -5,6 +5,7 @@ import upgrade, { type RuntimeInfo } from '@/api/upgrade'
 import websocket from '@/lib/websocket'
 import { message } from 'ant-design-vue'
 import _ from 'lodash'
+import { marked } from 'marked'
 import { useRoute } from 'vue-router'
 
 const route = useRoute()
@@ -222,7 +223,7 @@ async function performUpgrade() {
               {{ $gettext('Pre-release') }}
             </ATag>
           </h1>
-          <div vue-dompurify-html="marked.parse(data.body)" />
+          <div v-dompurify-html="marked.parse(data.body)" />
         </div>
 
         <div class="flex justify-end">
diff --git a/app/src/views/system/Upgrade.vue b/app/src/views/system/Upgrade.vue
index 05430268..21a27da2 100644
--- a/app/src/views/system/Upgrade.vue
+++ b/app/src/views/system/Upgrade.vue
@@ -7,6 +7,7 @@ import websocket from '@/lib/websocket'
 import version from '@/version.json'
 import { message } from 'ant-design-vue'
 import dayjs from 'dayjs'
+import { marked } from 'marked'
 import { useRoute } from 'vue-router'
 
 const route = useRoute()
@@ -248,7 +249,7 @@ async function performUpgrade() {
         </h2>
 
         <h3>{{ $gettext('Release Note') }}</h3>
-        <div vue-dompurify-html="marked.parse(data.body)" />
+        <div v-dompurify-html="marked.parse(data.body)" />
       </template>
     </div>
   </ACard>