From 076ab9fad417a2ffa62e5c7da8ea83087e174068 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Fri, 19 Sep 2025 20:04:27 +0900
Subject: [PATCH] Update qr.read.vue

---
 packages/frontend/src/pages/qr.read.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/pages/qr.read.vue b/packages/frontend/src/pages/qr.read.vue
index 99b74aa4a5..bf6e66821f 100644
--- a/packages/frontend/src/pages/qr.read.vue
+++ b/packages/frontend/src/pages/qr.read.vue
@@ -62,7 +62,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts" setup>
 import QrScanner from 'qr-scanner';
-import { onActivated, onDeactivated, onMounted, onUnmounted, ref, shallowRef, watch } from 'vue';
+import { onActivated, onDeactivated, onMounted, onUnmounted, ref, shallowRef, useTemplateRef, watch } from 'vue';
 import * as misskey from 'misskey-js';
 import { getScrollContainer } from '@@/js/scroll.js';
 import type { ApShowResponse } from 'misskey-js/entities.js';
@@ -77,9 +77,9 @@ import MkQrReadRawViewer from '@/pages/qr.read.raw-viewer.vue';
 
 const LIST_RERENDER_INTERVAL = 1500;
 
-const rootEl = ref<HTMLDivElement | null>(null);
-const videoEl = ref<HTMLVideoElement | null>(null);
-const overlayEl = ref<HTMLDivElement | null>(null);
+const rootEl = useTemplateRef('rootEl');
+const videoEl = useTemplateRef('videoEl');
+const overlayEl = useTemplateRef('overlayEl');
 
 const scannerInstance = shallowRef<QrScanner | null>(null);