VuePress で script タグを使いたい。

Question

やりたいこと

VuePress で作成する記事に Speackerdeck に上げたスライドを埋め込みたいと考えております。
なにか方針などありましたら、ご教示いただけると幸いです。

# Markdown です。

<script
  class="speakerdeck-embed"
  data-id="0123456789abcdefghijklmnopqrstuv"
  data-ratio="1.33333333333333"
  src="//speakerdeck.com/assets/embed.js">
</script>

症状

これで直接 vuepress build すると　Error compiling template で弾き返されてしまいます。

試したこと

Vue コンポーネントを作成し v-html で直接埋め込んでみました。

<template>
    <div v-html="slide">
    </div>
</template>
<script>
    export default {
        name: 'speakerdeck',
        props: ['dataId'],
        data: function() {
            return {
                slide: '<script ' 
                    + 'class="speakerdeck-embed" '
                    + 'data-id="0123456789abcdefghijklmnopqrstuv" '
                    + 'data-ratio="1.33333333333333" '
                    + 'src="//speakerdeck.com/assets/embed.js">'
                    + '</script>'
            }
        },
    }
</script>

結果は HTML としては出力されるのですが、レンダリングはされませんでした。

<!-- 出力された HTML ファイルです -->
<div>
<script
  class="speakerdeck-embed"
  data-id="0123456789abcdefghijklmnopqrstuv"
  data-ratio="1.33333333333333"
  src="//speakerdeck.com/assets/embed.js">
</script></div>

他に回避策が思いつかず、質問させていただきました。