lint

package.json

@@ -35,7 +35,7 @@
     "@kong-ui-public/spec-renderer": "2.1.23",
     "@kong/kong-auth-elements": "2.12.6",
     "@kong/kongponents": "8.127.0",
-    "@kong/markdown": "^1.7.8",
+    "@kong/markdown": "1.7.8",
     "@kong/sdk-portal-js": "2.14.0",
     "@xstate/vue": "2.0.0",
     "add": "^2.0.6",

src/views/ApiDocumentationPage.vue

@@ -38,10 +38,10 @@
           :link-text="helpText.apiDocumentation.error.linkText"
         />
 
-       <MarkdownUi
+        <MarkdownUi
           v-if="markdown"
-          class="documentation-display"
           v-model="markdown"
+          class="documentation-display"
           theme="light"
         />
       </template>
@@ -75,7 +75,6 @@ import { MarkdownUi } from '@kong/markdown'
 import '@kong/markdown/dist/style.css'
 import { DocumentBlock, ProductDocument } from '@kong/sdk-portal-js'
 
-
 export default defineComponent({
   name: 'ApiDocumentationPage',
   components: {
@@ -100,7 +99,6 @@ export default defineComponent({
     const { portalApiV2 } = usePortalApi()
     const documentationDisplay = ref()
 
-
     const breadcrumbs = computed(() => ([
       {
         key: 'product-catalog',
@@ -138,7 +136,6 @@ export default defineComponent({
     const markdown = ref<string>(null)
     const content = ref<DocumentBlock>(null)
 
-
     const sections = computed(() => {
       if (!content.value) {
         return []
@@ -171,13 +168,13 @@ export default defineComponent({
       errorCode.value = null
       isDocumentLoading.value = true
 
-      const getMarkdown =  portalApiV2.value.service.documentationApi.getProductDocument({
+      const getMarkdown = portalApiV2.value.service.documentationApi.getProductDocument({
         productId,
         documentId: slug
       })
         .then((res) => {
           markdown.value = res.data.content
-      })
+        })
 
       const getDocumentNodes = portalApiV2.value.service.documentationApi.getProductDocument({
         productId,
@@ -193,14 +190,13 @@ export default defineComponent({
           title.value = data.title
           content.value = data.content
           productStore.setActiveDocumentId(data.id)
-      })
+        })
 
       await Promise.all([getMarkdown, getDocumentNodes]).finally(() => {
         isDocumentLoading.value = false
       })
     }
 
-
     const handleError = (error) => {
       notify({
         appearance: 'danger',

yarn.lock

@@ -1179,7 +1179,7 @@
     v-calendar "3.0.0-alpha.8"
     vue-draggable-next "^2.2.1"
 
-"@kong/markdown@^1.7.8":
+"@kong/[email protected]":
   version "1.7.8"
   resolved "https://registry.yarnpkg.com/@kong/markdown/-/markdown-1.7.8.tgz#24c451cdbd38381cb9b973dfc47370a70e5623c1"
   integrity sha512-cnow1XfB1UAApiJgYX44nU9cUsGSwxxuKCDDrCTBPTQDcd9jDgjw2Dm/H/9/JHcKuQGtzSe9fNbyBFOilp7dLg==