chore

packages/frontend/src/pages/qr.read.raw-viewer.vue

@@ -4,22 +4,31 @@
 	<template #header>
 		<MkTabs
 			v-model:tab="tab"
-			:tabs="[{
-				key: 'raw',
-				title: 'Raw',
-			}, {
-				key: 'mfm',
-				title: 'MFM',
-			}]"
+			:tabs="[
+				...(urls.length > 0 ? [{
+					key: 'urls',
+					title: 'URLs',
+				}] : []),
+				{
+					key: 'raw',
+					title: 'Raw',
+				},
+				{
+					key: 'mfm',
+					title: 'MFM',
+				},
+			]"
 		/>
 	</template>
 
+	<div v-show="tab === 'urls'" class="_spacer _gaps">
+		<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false"/>
+	</div>
 	<div v-show="tab === 'raw'" class="_spacer" style="--MI_SPACER-min: 14px; --MI_SPACER-max: 22px;">
 		<MkCode :code="data" lang="text"/>
 	</div>
-	<div v-show="tab === 'mfm'" class="_gaps _spacer">
+	<div v-show="tab === 'mfm'" class="_spacer">
 		<Mfm :text="data" :nyaize="false"/>
-		<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false"/>
 	</div>
 </MkFolder>
 </template>
@@ -37,7 +46,7 @@ const props = defineProps<{
 	data: string;
 }>();
 
-const tab = ref<'mfm' | 'raw'>('raw');
 const parsed = computed(() => mfm.parse(props.data));
 const urls = computed(() => extractUrlFromMfm(parsed.value));
+const tab = ref<'urls' | 'mfm' | 'raw'>(urls.value.length > 0 ? 'urls' : 'mfm');
 </script>

packages/frontend/src/pages/qr.read.vue

@@ -175,7 +175,8 @@ async function processResult(result: QrScanner.ScanResult) {
 			updateLists();
 		})
 		.catch(err => {
-			return err;
+			tab.value = 'all';
+			throw err;
 		});
 }