diff --git a/components/status/StatusPreviewCard.vue b/components/status/StatusPreviewCard.vue
index 9eb68522..8029ba65 100644
--- a/components/status/StatusPreviewCard.vue
+++ b/components/status/StatusPreviewCard.vue
@@ -9,13 +9,13 @@ const props = defineProps<{
root?: boolean
}>()
-const providerName = $computed(() => props.card.providerName ? props.card.providerName : new URL(props.card.url).hostname)
+const providerName = props.card.providerName
const gitHubCards = $(usePreferences('experimentalGitHubCards'))
-
+
diff --git a/components/status/StatusPreviewStackBlitz.vue b/components/status/StatusPreviewStackBlitz.vue
index 9a5b565d..b4eb0f38 100644
--- a/components/status/StatusPreviewStackBlitz.vue
+++ b/components/status/StatusPreviewStackBlitz.vue
@@ -21,9 +21,9 @@ const maxLines = 20
const meta = $computed(() => {
const { description } = props.card
- const meta = description.match(/.+\n\nCode Snippet from (.+), lines ([\w-]+)\n\n(.+)/s)
+ const meta = description.match(/.*Code Snippet from (.+), lines (\S+)\n\n(.+)/s)
const file = meta?.[1]
- const lines = meta?.[2].replaceAll('N', '')
+ const lines = meta?.[2]
const code = meta?.[3].split('\n').slice(0, maxLines).join('\n')
const project = props.card.title?.replace(' - StackBlitz', '')
const info = $ref({
@@ -38,7 +38,12 @@ const meta = $computed(() => {
const vnodeCode = $computed(() => {
if (!meta.code)
return null
- const vnode = contentToVNode(`
\`\`\`${meta.file?.split('.')?.[1] ?? ''}\n${meta.code}\n\`\`\`\
`, {
+ const code = meta.code
+ .replace(//g, '>')
+ .replace(/`/g, '`')
+
+ const vnode = contentToVNode(`\`\`\`${meta.file?.split('.')?.[1] ?? ''}\n${code}\n\`\`\`\
`, {
markdown: true,
})
return vnode