jonowells / nova-vue Goto Github PK

This project forked from tommasongr/nova-vue

Vue support for nova editor.

License: MIT License

JavaScript 61.26% Vue 34.43% HTML 3.13% Sass 1.18%

nova-vue's Introduction

Vue support for Nova editor

This is a plugin providing Vue language support for the new Nova editor from Panic. Inspired by Vetur and many other great Vue tools.

Modes 🔥

The extension now support two different mode: Classic and Vetur! You can set it in the global extension preferences and also on a project based.

In the future I'll look into a way of combining the best of both worlds, in the meantime which one should you use? Of course is up to you 😉

Vetur (default)

A complete Vetur like mode with all the great features you are already used to.

Classic

Ad hoc completions for Nova and great snippets for faster development.

Special theming 🎨

The extension offers an easy way to improve the highlighting in Vue file.

Hooks

This is an example of implementation with all the available hooks:

/* Vue */

vue.html.tag.open,
vue.html.tag.close {
    color: #59be84;
}

vue.html.tag.name {
    color: #59be84;
    font-weight: bold;
}

vue.html.tag.attribute.shorthand-key {
    color: #59be84;
}

vue.html.tag.attribute.name,
vue.html.embedded.interpolation.bracket {
    color: #65c032;
    font-weight: bold;
}

vue.html.tag.attribute.argument {
    color: #59be84;
    font-weight: bold;
}

vue.html.tag.attribute.modifier {
    color: #59be84;
}