Is there a way to embed a script from external source as well as local script into Vitepress markdown for it to be generated?

This example

## my test button

<script src=";></script>
<script>
  function initButton() {
     ...
  }
</script>

throws up an issue

[vite] hmr update /test/index.md (x2) 19:00:17 [vite] Internal server error: Tags with side effect ( and ) are ignored in client ponent templates. Plugin: vite:vue

Is there a way to embed a script from external source as well as local script into Vitepress markdown for it to be generated?

This example

## my test button

<script src="https://www.jsdeliver./sdk/js?yadayada"></script>
<script>
  function initButton() {
     ...
  }
</script>

throws up an issue

[vite] hmr update /test/index.md (x2) 19:00:17 [vite] Internal server error: Tags with side effect ( and ) are ignored in client ponent templates. Plugin: vite:vue

• javascript
• html
• markdown
• vite
• vitepress

Share Improve this question Follow edited Feb 24, 2023 at 19:59 isherwood 61.2k1616 gold badges121121 silver badges170170 bronze badges asked Jan 12, 2022 at 19:02 mirageglobemirageglobe 3,15422 gold badges3232 silver badges3131 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

a first possible way is through the config file (.vitepress/config.js) which is possible embed the scripts into the generated vitepress index.html. the documentation doesnt explain it well but this works if we need to place scripts into header.

the following is an example of google tag header script.

export default {
  title: 'mydocumentation',
  head: [
    [
      'script',
      {
        async: true,
        src: 'https://www.googletagmanager./gtag/js?id=G-xxxxxxxxx'
      }
    ],
    [
      'script',
      {},
      `
      window.dataLayer = window.dataLayer || [];
      ...

      gtag('config', 'G-xxxxxxxxxxx');
      `
    ]
  ]
}