update reference page

Hiws · Hiws · commit a7024aa411aa · 2021-05-18T11:25:07.000+02:00
diff --git a/docs/components/main-docs.js b/docs/components/main-docs.js
@@ -4,6 +4,7 @@ import QuickLinks from '~/components/quick-links'
 import Reload from '~/components/reload'
 import Section from '~/components/section'
 import { mergeData } from 'vue-functional-data-merge'
+import { bootstrapVersion, vueVersion } from '~/content'
 
 // @vue/component
 export default {
@@ -62,11 +63,25 @@ export default {
     const $quickLinks = h(QuickLinks)
 
     // Body section
-    const $bodySection = h(Section, {
-      props: { play: true },
-      domProps: { innerHTML: body || '' }
+    const $bodySectionContent = h({
+      delimiters: ['[[', ']]'], // change the delimiters to avoid conflicts with code examples
+      data() {
+        return {
+          bootstrapVersion,
+          vueVersion
+        }
+      },
+      template: `<div>${body}</div>`
     })
 
+    const $bodySection = h(
+      Section,
+      {
+        props: { play: true }
+      },
+      [$bodySectionContent]
+    )
+
     return h(Main, mergeData(data, { props: { tag } }), [
       $leadSection,
       $error,
diff --git a/docs/markdown/reference/starter-templates/README.md b/docs/markdown/reference/starter-templates/README.md
@@ -26,7 +26,7 @@ tags to load the required JavaScript and CSS in your page.
     <link
       type="text/css"
       rel="stylesheet"
-      href="https://unpkg.com/bootstrap/dist/css/bootstrap.min.css"
+      href="https://unpkg.com/bootstrap@[[ bootstrapVersion ]]/dist/css/bootstrap.min.css"
     />
     <link
       type="text/css"
@@ -38,7 +38,7 @@ tags to load the required JavaScript and CSS in your page.
     <script src="https://polyfill.io/v3/polyfill.min.js?features=es2015%2CIntersectionObserver"></script>
 
     <!-- Required scripts -->
-    <script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
+    <script src="https://unpkg.com/vue@[[ vueVersion ]]/dist/vue.js"></script>
     <script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
   </head>
   <body>
