diff --git a/src/components/ApplyModificationConfirmation.vue b/src/components/ApplyModificationConfirmation.vue
index cfefdf6..e91c350 100644
--- a/src/components/ApplyModificationConfirmation.vue
+++ b/src/components/ApplyModificationConfirmation.vue
@@ -51,7 +51,7 @@ const diffCurrent = {
   'last-applied': props.applied,
 } as const;
 
-const diffMode = ref('current-applied');
+const diffMode = ref<keyof typeof diffPrev>('current-applied');
 
 const diffOptions = [
   {
diff --git a/src/components/DialogWithIconButton.vue b/src/components/DialogWithIconButton.vue
index 9554728..a0b3399 100644
--- a/src/components/DialogWithIconButton.vue
+++ b/src/components/DialogWithIconButton.vue
@@ -2,7 +2,7 @@
   <n-button
     circle
     quaternary
-    :title="title"
+    v-bind="{ title }"
     @click="showModal = true"
   >
     <template #icon>
diff --git a/src/components/ExternalLink.vue b/src/components/ExternalLink.vue
index 29fb50a..bcab26f 100644
--- a/src/components/ExternalLink.vue
+++ b/src/components/ExternalLink.vue
@@ -1,6 +1,6 @@
 <template>
   <n-a
-    :href="href"
+    v-bind="{ href }"
     @click="onClick"
   >
     {{ title }}
diff --git a/src/components/UserSurvey.vue b/src/components/UserSurvey.vue
index fa93617..4bc9fe7 100644
--- a/src/components/UserSurvey.vue
+++ b/src/components/UserSurvey.vue
@@ -17,7 +17,7 @@
       v-model:show="showModal"
       title="User Survey"
       preset="card"
-      show-directive="show"
+      display-directive="show"
       :auto-focus="false"
       :trap-focus="false"
       style="max-width: calc(min(80vw, 500px));"