mary.my.id
demonstrates how Markdown formatting can work inside Bluesky's inline rich text facet system
bluesky-markdown-example.externdefs.workers.dev
typescript
bluesky
atcute
chore: add comment
+3
+3
src/App.vue
+3
src/App.vue
···
8
8
9
9
const source = shallowRef<string>(`*begs @bsky.app to add **__Markdown formatting__***`);
10
10
11
+
// Bluesky could've rolled with something like `simple-markdown` here where they
12
+
// could easily customize what kind of Markdown rules are allowed, in my case
13
+
// though I'm rolling my own.
11
14
const tokens = computed(() => tokenize(source.value));
12
15
const richtext = computed(() => tokenToRichText(tokens.value));
13
16
</script>