summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkCode.core.vue
diff options
context:
space:
mode:
authorLeah <kevinlukej@gmail.com>2024-02-03 16:05:33 +0000
committerLeah <kevinlukej@gmail.com>2024-02-03 16:05:33 +0000
commit441523b6d4d5ecd14c813690d34978899a1ccd43 (patch)
treec7ccdab16d999c2e19f1e2533a9758a70860741f /packages/frontend/src/components/MkCode.core.vue
parentMerge branch 'chore/updateMarkdownAndTemplates' into 'develop' (diff)
parentadded lines and lines to errors (diff)
downloadsharkey-441523b6d4d5ecd14c813690d34978899a1ccd43.tar.gz
sharkey-441523b6d4d5ecd14c813690d34978899a1ccd43.tar.bz2
sharkey-441523b6d4d5ecd14c813690d34978899a1ccd43.zip
merge: Added lines and line numbers to syntax errors (!395)
View MR for information: https://activitypub.software/TransFem-org/Sharkey/-/merge_requests/395 Approved-by: dakkar <dakkar@thenautilus.net>
Diffstat (limited to 'packages/frontend/src/components/MkCode.core.vue')
-rw-r--r--packages/frontend/src/components/MkCode.core.vue15
1 files changed, 15 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkCode.core.vue b/packages/frontend/src/components/MkCode.core.vue
index 579c72b186..77a01627ba 100644
--- a/packages/frontend/src/components/MkCode.core.vue
+++ b/packages/frontend/src/components/MkCode.core.vue
@@ -58,6 +58,21 @@ watch(() => props.lang, (to) => {
</script>
<style scoped lang="scss">
+.codeBlockRoot :deep(.shiki) > code {
+ counter-reset: step;
+ counter-increment: step 0;
+}
+
+.codeBlockRoot :deep(.shiki) > code > .line::before {
+ content: counter(step);
+ counter-increment: step;
+ width: 1rem;
+ margin-right: 1.5rem;
+ display: inline-block;
+ text-align: right;
+ color: rgba(115,138,148,.4)
+}
+
.codeBlockRoot :deep(.shiki) {
padding: 1em;
margin: .5em 0;