From a787b1c7f17d2feab3d881a8ed67688b90283aa3 Mon Sep 17 00:00:00 2001
From: Yufan You <ouuansteve@gmail.com>
Date: Fri, 3 Jun 2022 12:09:48 +0800
Subject: [PATCH] fix: type errors

https://github.com/johnsoncodehk/volar/issues/1077
---
 src/components/ApplyModificationConfirmation.vue | 2 +-
 src/components/DialogWithIconButton.vue          | 2 +-
 src/components/ExternalLink.vue                  | 2 +-
 src/components/UserSurvey.vue                    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

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));"