From 93bd4dc8fe08cb0b075caac4e4dc0993a49a0ed8 Mon Sep 17 00:00:00 2001
From: KevinWh0 <45321184+KevinWh0@users.noreply.github.com>
Date: Fri, 2 Feb 2024 21:32:08 +0100
Subject: added lines and lines to errors

---
 packages/frontend/src/components/MkCode.core.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'packages/frontend/src/components/MkCode.core.vue')

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;
-- 
cgit v1.2.3-freya

