Блог

Я использую @nuxtjs/markdownit модуль Nuxt, как я могу добавить класс в стиль bold? Например, используйте primary класс Boostrap для слова Hello in **Hello** World! , чтобы оно было выделено синим цветом.

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

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

Я использую эту конфигурацию в nuxt.config.js :

 markdownit: {
  injected: true
}
  

Пожалуйста, попробуйте это

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