diff --git a/packages/client/src/components/url-preview-popup.vue b/packages/client/src/components/url-preview-popup.vue
index bba702fa2..c9eb1fb5b 100644
--- a/packages/client/src/components/url-preview-popup.vue
+++ b/packages/client/src/components/url-preview-popup.vue
@@ -6,9 +6,9 @@
 </div>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
 import { onMounted } from 'vue';
-import MkUrlPreview from './url-preview.vue';
+import MkUrlPreview from '@/components/url-preview.vue';
 import * as os from '@/os';
 
 const emit = defineEmits<{