Cannot Render Using Nuxt

[luisgc2116]

When using Nuxt, it seems nothing actually appears on the page.

Here's a brief example on what I'm doing inside a component below. None of the following ways produce any rendered text. Is this an issue relating to Nuxt?

<template>
    <div class="page-wrapper">
      <div v-katex:auto> \(\frac{a_i}{1+x}\) </div>
      <katex-element expression="'\\frac{a_i}{1+x}'"/>
      <KatexElement> \(\frac{a_i}{1+x}\) </KatexElement>
    </div>
</template>

<script>
import VueKatex from 'vue-katex'
import 'katex/dist/katex.min.css'

components: {
        'katex-element': VueKatex
    },

</script>

[luisgc2116]

Completely my fault! It was just

// plugins/katex-vue.js 
import Vue from 'vue';
import VueKatex from 'vue-katex';

Vue.use(VueKatex);

// nuxt.config.js
  css: [
    'katex/dist/katex.min.css'
  ],

  plugins: [
    { src: '~plugins/katex-vue.js', ssr: false },
  ],