Импорт всех языков в призму vuejs

Question

Я устанавливаю Prism с npm: npm install prismjsи импорт в проект:

import Prism from 'prismjs'
import 'prismjs/themes/prism-tomorrow.css'


const app = new Vue({
    el: "#app",
    router,
    components: {
        MainApp,
        Prism
    }
});

но не работают все языки, такие как php. просто по умолчанию работают языки призмы.

Answer 1

Prism поскольку Vue.js не является компонентом, это плагин, который вы можете использовать следующим образом:

    import Vue from 'vue'
    import VuePrism from 'vue-prism'
    Vue.use(VuePrism)

    import 'prismjs/themes/prism.css'


      const app = new Vue({
          el: "#app",
           router,
           components: {
              MainApp
           }
        });

Как пользоваться

Добавьте класс в тег pre. Поместите поддерживаемый код языка в класс language-xxxx:

   <pre class="language-php">
     <code>
       <?php
           $name="Mohammad";
           ...
      </code>
  </pre>