Как настроить Prism с Nuxt - PullRequest
0 голосов
/ 11 сентября 2018

Как настроить Prism для работы с Nuxt? Я добавил его в качестве поставщика в файл nuxt.config.js:

// * Build configuration

build: {
  // * You can extend webpack config here
  vendor: ['axios', 'prismjs'],

  extend(config, ctx) {
    if (ctx.isServer) {
      config.externals = [
        nodeExternals({
          whitelist: [/^vuetify/]
        })
      ];
    }
  }
}

Затем на своей странице в разделе сценариев я импортирую его:

<script>
import Prism from'prismjs';

export default {
  data() {
    return {
      post: {}
    };
  },
// more data...

Как я могу использовать это тогда? Я пытался назвать это в смонтированном, но это не работает. Ошибки не возвращаются, но это ничего не меняет на сайте.

mounted() {
  Prism.highlightAll();
}

1 Ответ

0 голосов
/ 13 сентября 2018

Оказалось, что работает, просто забыл о включении стилей CSS.

...