add internal link auto replacement for iframe resizer (#687)

docusaurus.config.js

@@ -157,6 +157,10 @@ export default {
       src: 'https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.11/iframeResizer.contentWindow.min.js',
       defer: true,
     },
+    {
+      src: '/js/with-iframe-resizer.js',
+      defer: true,
+    },
     // {
     //   src: 'https://cdn.jsdelivr.net/npm/@iframe-resizer/child',
     //   defer: true,

static/js/with-iframe-resizer.js

@@ -0,0 +1,38 @@
+document.addEventListener('DOMContentLoaded', () => {
+  const params = new Proxy(new URLSearchParams(window.location.search), {
+    get: (searchParams, prop) => searchParams.get(prop),
+  })
+  const isVaraTheme = params['docusaurus-data-theme-vara'] // Get the value of "docusaurus-data-theme-vara"
+
+  if (isVaraTheme) {
+    const anchors = document.body.querySelectorAll('main a[href^="/docs"]')
+
+    const transformLinks = (interval) => {
+      const anchors = document.body.querySelectorAll('main a[href^="/docs"]')
+
+      if (anchors.length) {
+        Array.from(anchors).forEach(a => {
+          a.setAttribute('target', '_blank')
+          a.addEventListener('click', (e) => {
+            e.preventDefault()
+            window.open(e.target.href, '_blank')
+          })
+        })
+        clearInterval(interval)
+      }
+    }
+
+    if (!anchors.length) {
+      let count = 0
+      let interval
+      interval = setInterval(function () {
+        if (count === 10) {
+          clearInterval(interval)
+          return
+        }
+        transformLinks(interval)
+        count++
+      }, 1000)
+    }
+  }
+})