feat(ui): improved src/slot handling

Author: hawkeye64

ui/src/components/QMarkdown.js

@@ -128,8 +128,8 @@ export default defineComponent({
   ],
 
   setup (props, { slots, emit, expose }) {
-    const $q = useQuasar(),
-      rendered = ref(null),
+    const $q = useQuasar()
+    const rendered = ref(null),
       source = ref(null),
       markdownRef = ref(null)
 
@@ -143,6 +143,17 @@ export default defineComponent({
       return { ...props, ...globalProps }
     })
 
+    const rawSource = computed(() => {
+      let rawSource = ''
+      if (allProps.value.src && allProps.value.src.length > 0) {
+        rawSource = allProps.value.fixCr ? allProps.value.src.replace(/\\n/gi, '\n') : allProps.value.src
+      }
+      if (slots.default !== undefined && slots.default()[ 0 ].children.trim().length > 0) {
+        rawSource = slots.default()[ 0 ].children
+      }
+      return rawSource
+    })
+
     const parsedCopyIcon = computed(() => {
       // default mdiContentCopy
       return allProps.value.copyIcon
@@ -255,11 +266,7 @@ export default defineComponent({
         const tocData = []
 
         // get the markdown - slot overrides 'src'
-        let markdown = source.value || ''
-        if (slots.default !== undefined && slots.default()[ 0 ].children.trim().length > 0) {
-          markdown = slots.default()[ 0 ].children.replace(/\\ /g, '\n').replace(/'/g, '')
-        }
-
+        const markdown = rawSource.value || ''
         const highlight = (str, lang) => {
           if (__isEnabled(allProps.value.noHighlight)) {
             return prismHighlight(Prism, str, lang)