How to make friends in Vue Tinymce with Prism?

Question

Vue.js

When you add code in the editor via codesample or when you edit an article with code inside, everything is displayed as needed. And when you open the article itself, the code is not highlighted.

How it looks on the page

How it looks in the editor

I output the text of the article itself like this: Any ideas? <div class="article__text" v-html="list.text"/>

Answer 1

Recently played played with a similar moment.
Most likely, the styles just didn't connect.
Import editor styles with separate style and without scoped attribute

Answer 2

Everything turned out to be much easier.
Install the most common version of prism : https://www.npmjs.com/package/prismjs

import Prism from "prismjs"
import 'prismjs/themes/prism.css'

and call in our article:
Prism.highlightAll()
Everything works as it should