Nuxt.js 如何将类设置为带有标记的标记**粗体**样式？

我正在使用

@nuxtjs/markdownit

Nuxt模块，如何将类添加到bold样式？例如，在

**Hello**World中对单词
Hello
使用Boostrap的
primary
类，以蓝色显示

<template>
  <v-col>
    <div v-html="$md.render(foo)"></div>
  </v-col>
</template>

<script>
export default {
  data() {
    return {
      foo: '**Hello** World!'
    }
  }
}
</script>

请试试这个

<script>
export default {
  data() {
    return {
      foo: '<span class="text-primary font-weight-bold">**Hello**</span> World!'
    }
  }
}
</script>


导出默认值{
数据（）{
返回{
傅：“**你好**世界！”
}
}
}

<script>
export default {
  data() {
    return {
      foo: '<span class="text-primary font-weight-bold">**Hello**</span> World!'
    }
  }
}
</script>