Nuxt.jsにBulma extensionsを適用する

Steps componentを適用させたかった
記事が出てこなかったので

https://octoshrimpy.github.io/bulma-o-steps/

yarn add bulma-o-steps

nuxt.config.js

  css: [
        './node_modules/bulma-o-steps/bulma-steps.min.css',
        ],

Steps.vue

<template>
  <ul class="steps has-gaps is-horizontal">
    <li class="steps-segment" :class="{'is-active':stepNumber === 1}">
      <span class="steps-marker">1</span>
    </li>
    <li class="steps-segment" :class="{'is-active':stepNumber === 2}">
      <span class="steps-marker">2</span>
    </li>
    <li class="steps-segment" :class="{'is-active':stepNumber === 3}">
      <span class="steps-marker">3</span>
    </li>
    <li class="steps-segment" :class="{'is-active':stepNumber === 4}">
      <span class="steps-marker">4</span>
    </li>
  </ul>
</template>
<script>
export default {
  name: "steps",
  props: {
    stepNumber: Number
  }
}
</script>

以上