@docsector/docsector-reader 0.10.1 → 0.10.3

package/bin/docsector.js

@@ -23,7 +23,7 @@ const packageRoot = resolve(__dirname, '..')
 const args = process.argv.slice(2)
 const command = args[0]
 
-const VERSION = '0.10.1'
+const VERSION = '0.10.3'
 
 const HELP = `
   Docsector Reader v${VERSION}

package/docsector.config.js

@@ -1,4 +1,4 @@
-import pkg from './package.json'
+import pkg from './package.json' with { type: 'json' }
 
 /**
  * Docsector Reader Configuration

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docsector/docsector-reader",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "A documentation rendering engine built with Vue 3, Quasar v2 and Vite. Transform Markdown into beautiful, navigable documentation sites.",
   "productName": "Docsector Reader",
   "author": "Rodrigo de Araujo Vieira",

package/src/components/DPageSection.vue

@@ -364,10 +364,12 @@ const tokenized = computed(() => {
       v-html="token.content"
     ></ol>
 
-    <table
+    <div
       v-else-if="token.tag === 'table'"
-      v-html="token.content"
-    ></table>
+      class="d-table-wrapper"
+    >
+      <table v-html="token.content"></table>
+    </div>
 
     <p
       v-else-if="token.tag === 'p'"

package/src/css/app.sass

@@ -182,8 +182,9 @@ body.body--dark
     padding: 3px 5px
     margin: 0 2px
     border-radius: 2px
-    white-space: pre-wrap
-    display: inline-block
+    white-space: normal
+    word-break: break-word
+    display: inline
     line-height: 0.85em
 
   a
@@ -283,6 +284,10 @@ body.body--dark
         vertical-align: middle
         width: 280px
         margin-left: 20px
+    .d-table-wrapper
+      overflow-x: auto
+      -webkit-overflow-scrolling: touch
+      max-width: 100%
     table
       max-width: 100%
       border: 1px solid #eee