Line and code aren't aligned

I copied the code exactly as shown in the example, but adding lineNumbers option breaks the view:

From code inspection, I noticed that the lineNumbers option adds a <div> which comes before the <pre> block.

I played with the styling a bit and adding position: absolute; to the <div> and some padding to the <pre> solved it.

I can do it in my css file (unless it is scoped), thought it’d be better if you could check what is the problem with what I experience 😃

[Tzahile]

At first I only imported the import PrismEditor from "vue-prism-editor" locally in the component. Now I moved it to the main.js file with adding the css and it works. Thanks! and cool tool 😃

[koca]

You can use it in your components too. Just include the css and you’re good to go ^^