ceditor | use desktop text editor and REPL built using Electron | Editor library

It seems like you have forgot the clike.js not the one with your code but with the c mode

hosted by cdnjs: https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.42.2/mode/clike/clike.min.js

DEMO: https://codepen.io/quic5/pen/ebMKNV

You also need a org.eclipse.ui.commands extension point to define the command id.

There isn't a simple mapping from a handler to an old action.

The handler will usually extends org.eclipse.core.commands.AbstractHandler.

The org.eclipse.ui.handlers.HandlerUtil class provides a number of helper methods for handlers to do things like getting the active editor.

Note that although org.eclipse.ui.editorActions is marked as deprecated it is very unlikely that it will ever be removed as too much existing code uses it.

Your problem isn't with Vue but with CKEDITOR and its instances (with the ids you defined in the template and the way you reference them).

First problem is that you're duplicating ids in the text-ceditor component:

Before removing the table column, you should remove the corresponding table editor with tableEditor.dispose().

Disposing of the table editor leaves the combo intact. Hence you need to hide the combo if you plan to reuse it with another column/table editor or also dispose of it entirely.

For those who have a similar problem - I have found a "hacky" solution. I have created my own class MyAwesomeHover:

That's using spread syntax to "spread" the props to the component. Per the React documentation:

Spread Attributes

If you already have props as an object, and you want to pass it in JSX, you can use ... as a "spread" operator to pass the whole props object. These two components are equivalent: