wawandco/visho

VSCode extension to boost your Plush productivity to the moon.

Visho

Visho is a VSCode extension that provides tooling for the Plush templating language.

Features

Syntax highlighting

This extension provides syntax highlighting for the Plush language.

Code snippets

Visho provides a set of code snippets for the most common plush tags and functions.

• pif adds an if block
• pie adds an if/else block
• pm adds a map variable definition
• pa adds an array/slice variable definition
• pa adds an array/slice variable definition
• pfor adds a for block
• pform adds a form block
• pformf adds a form_for block
• pinp adds a plush input tag
• pta adds a plush text area
• pslc adds a plush select tag
• pch adds a plush checkbox tag
• pe adds a plush expression (<% content %>)
• pt adds a print tag (<%= content %>)
• ppt adds a partial call tag
• plink adds a linkTo tag

Additionally these can be used with the pl prefix instead of p (e.g. plif instead of pif)

FAQ

Why is it called Visho?

Visho is the combination of Visual Studio Code and Plush. We just added an O at the end to make it sound cooler.

How do I make Emmet work with Visho?

You will need to add the following to your settings.json file:

"emmet.includeLanguages": {
    "plush": "html"
}

Copyright

Visho is Copyright © 2022 Wawandco SAS. It is free software, and may be redistributed under the terms specified in the LICENSE file.

visho's Issues

Form gets colorized within a string literal

Shortcuts of html, css and javascrip are not working within a Plush File

Shortcuts and suggestions for embedded languages should be enabled on a .plush.html file

Steps to reproduce:

Type any html tag on a .plush.html file and no suggestions will show

Color highlighting of helpers / functions compared to erb

👋 Hey - thanks for creating this extension. I have been using erb as a Language Mode for .plush.html templates, which works well. When comparing this extension to erb, I noticed that variable/object highlighting in helper functions takes the same color as strings, or is just white. It would help to differentiate. See the images for an example:

ERB:

Visho:

Also sometimes the params are just white:

ERB:

Visho:

For gets colorized outside plush tags