vue headでHTMLヘッダにlink relを動的に追加・削除・変更する

import { createApp } from 'vue'
import App from './App.vue'
import dayjs from 'dayjs';

const app = createApp(App);
app.config.globalProperties.$dayjs = dayjs
app.mount('#app')

import { createApp } from 'vue'
import App from './App.vue'
import routes from './routes'
import { store } from './stores/'

const app = createApp(App);
app.use(routes);
app.use(store);
app.mount('#app')

<template>
  <p id="exscript">
    <ins class="banner"></ins>
  </p>
</template>
<script>
  export default {
    mounted() {
      let scriptEl = document.createElement('script')
      scriptEl.setAttribute('src', 'スクリプトのURL')
      document.getElementById('exscript').appendChild(scriptEl)
    }
  }
</script>

{
  "name": "hoge",
  "scripts": {
    "build": "gridsome build",
    "develop": "gridsome dev",
    "lint": "vue-cli-service lint",
    "deploy": "gridsome build && netlify deploy --dir=dist/ -p"
  }
}