chore
This commit is contained in:
parent
3c2dce4b48
commit
9cac5aa884
|
@ -4,22 +4,31 @@
|
||||||
<template #header>
|
<template #header>
|
||||||
<MkTabs
|
<MkTabs
|
||||||
v-model:tab="tab"
|
v-model:tab="tab"
|
||||||
:tabs="[{
|
:tabs="[
|
||||||
|
...(urls.length > 0 ? [{
|
||||||
|
key: 'urls',
|
||||||
|
title: 'URLs',
|
||||||
|
}] : []),
|
||||||
|
{
|
||||||
key: 'raw',
|
key: 'raw',
|
||||||
title: 'Raw',
|
title: 'Raw',
|
||||||
}, {
|
},
|
||||||
|
{
|
||||||
key: 'mfm',
|
key: 'mfm',
|
||||||
title: 'MFM',
|
title: 'MFM',
|
||||||
}]"
|
},
|
||||||
|
]"
|
||||||
/>
|
/>
|
||||||
</template>
|
</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;">
|
<div v-show="tab === 'raw'" class="_spacer" style="--MI_SPACER-min: 14px; --MI_SPACER-max: 22px;">
|
||||||
<MkCode :code="data" lang="text"/>
|
<MkCode :code="data" lang="text"/>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="tab === 'mfm'" class="_gaps _spacer">
|
<div v-show="tab === 'mfm'" class="_spacer">
|
||||||
<Mfm :text="data" :nyaize="false"/>
|
<Mfm :text="data" :nyaize="false"/>
|
||||||
<MkUrlPreview v-for="url in urls" :key="url" :url="url" :compact="true" :detail="false"/>
|
|
||||||
</div>
|
</div>
|
||||||
</MkFolder>
|
</MkFolder>
|
||||||
</template>
|
</template>
|
||||||
|
@ -37,7 +46,7 @@ const props = defineProps<{
|
||||||
data: string;
|
data: string;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const tab = ref<'mfm' | 'raw'>('raw');
|
|
||||||
const parsed = computed(() => mfm.parse(props.data));
|
const parsed = computed(() => mfm.parse(props.data));
|
||||||
const urls = computed(() => extractUrlFromMfm(parsed.value));
|
const urls = computed(() => extractUrlFromMfm(parsed.value));
|
||||||
|
const tab = ref<'urls' | 'mfm' | 'raw'>(urls.value.length > 0 ? 'urls' : 'mfm');
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -175,7 +175,8 @@ async function processResult(result: QrScanner.ScanResult) {
|
||||||
updateLists();
|
updateLists();
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
return err;
|
tab.value = 'all';
|
||||||
|
throw err;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue