Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>vscode-imba-sfcNew to Visual Studio Code? Get it now.

vscode-imba-sfc

tirado

|
149 installs
| (0) | Free
Language support for Imba Single File Components
This extension is now unpublished from Marketplace. You can choose to uninstall it.

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:

Imba component

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
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft