Make confirm dialogs work with vue-i18n 9

src/components/account_actions/account_actions.vue

@@ -83,15 +83,16 @@
         @accepted="doBlockUser"
         @cancelled="hideConfirmBlock"
       >
-        <i18n
+        <i18n-t
-          path="user_card.block_confirm"
+          keypath="user_card.block_confirm"
           tag="span"
         >
-          <span
+          <template #user>
-            place="user"
+            <span
-            v-text="user.screen_name_ui"
+              v-text="user.screen_name_ui"
-          />
+            />
-        </i18n>
+          </template>
+        </i18n-t>
       </confirm-modal>
     </teleport>
   </div>

src/components/follow_button/follow_button.vue

@@ -16,15 +16,16 @@
         @accepted="doUnfollow"
         @cancelled="hideConfirmUnfollow"
       >
-        <i18n
+        <i18n-t
-          path="user_card.unfollow_confirm"
+          keypath="user_card.unfollow_confirm"
           tag="span"
         >
-          <span
+          <template #user>
-            place="user"
+            <span
-            v-text="user.screen_name_ui"
+              v-text="user.screen_name_ui"
-          />
+            />
-        </i18n>
+          </template>
+        </i18n-t>
       </confirm-modal>
     </teleport>
   </button>

src/components/user_card/user_card.vue

@@ -323,15 +323,16 @@
         @accepted="doMuteUser"
         @cancelled="hideConfirmMute"
       >
-        <i18n
+        <i18n-t
-          path="user_card.mute_confirm"
+          keypath="user_card.mute_confirm"
           tag="span"
         >
-          <span
+          <template #user>
-            place="user"
+            <span
-            v-text="user.screen_name_ui"
+              v-text="user.screen_name_ui"
-          />
+            />
-        </i18n>
+          </template>
+        </i18n-t>
       </confirm-modal>
     </teleport>
   </div>