Markdown table styling (#32)

docs/components/markdown.md

@@ -0,0 +1,38 @@
+# Markdown
+
+<script setup>
+import { renderHighlightedString } from 'omorphia';
+import { ref } from 'vue';
+
+const b = '`';
+const body = ref('');
+
+fetch('https://raw.githubusercontent.com/joeyespo/grip/master/tests/input/gfm-test.md')
+        .then((response) => response.text())
+        .then((response) => body.value = response)
+</script>
+
+:::raw
+<DemoContainer>
+<div style="width: 100%" class="markdown-body" v-html="renderHighlightedString(body)" />
+</DemoContainer>
+:::
+
+<style lang="scss">
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1.15;
+  font-weight: revert;
+  font-size: revert;
+  margin: revert;
+}
+
+ul, ol {
+  list-style: revert;
+  margin: revert;
+  padding: revert;
+}
+
+blockquote {
+  margin: revert;
+}
+</style>

docs/components/nav-row.md

@@ -1,47 +0,0 @@
-# NavRow
-
-Note: the links and animation do not work in the documentation as Vue Router is not used for routing
-
-<DemoContainer>
-  <NavRow :links="[
-        {
-          label: 'Avatar',
-          href: '/components/avatar.html',
-        },
-        {
-          label: 'Badge',
-          href: '/components/nav-row.html',
-        },
-        {
-          label: 'Pagination',
-          href: '/components/Pagination.html',
-        },
-        {
-          label: 'NavRow',
-          href: '/components/nav-row.html',
-        }
-      ]" 
-/>
-</DemoContainer>
-
-```vue
-  <NavRow :links="[
-        {
-          label: 'Avatar',
-          href: '/components/avatar.html',
-        },
-        {
-          label: 'Badge',
-          href: '/components/nav-row.html',
-        },
-        {
-          label: 'Pagination',
-          href: '/components/Pagination.html',
-        },
-        {
-          label: 'NavRow',
-          href: '/components/nav-row.html',
-        }
-      ]" 
-/>
-```