vscode-imba-sfc

Imba tooling for VSCode

Features

• Syntax Highlithing (with support for Single File Components)

For more information

• Imba.io
• Spectrum
• Gitter

Enjoy!

In Imba, the template and script sections are already merged into one concept. Yet, styling is required to be placed in other files. In order to support the concept of SFC's in Imba, we only need to add in support for styles. This is done a little different than Vue. Since it's obvious that we only need to support CSS, we can just directly specify the language on a line by itself, left justified.

The Imba example looks like:

In order to regenerate these syntax files, use the following:

cd syntaxes
yarn global add yaml2json

# convert json to yaml
json2yaml imba.tmLanguage.json > imba.tmLanguage.yaml

# convert yaml to json
yaml2json imba.tmLanguage.yaml | jq --indent 2 . > imba.tmLanguage.json

# convert json to plist
plutil -convert xml1 imba.tmLanguage.json -o imba.tmLanguage