Language support for Zubra: .zb files are HTML with a script and styles, compiled to standard web components.
Syntax highlighting for .zb: HTML, {…} as JavaScript, <script> and <script lang="ts"> as JavaScript and TypeScript, <style> and <style lang="scss"> as CSS and SCSS, and Zubra's directives and event attributes.
Diagnostics as you type: the compiler's own errors and warnings, with their suggestions ("did you mean count?").
Completion of directives, imported components, their props and events, and of props inside {…}.
Hover documentation for imported components: description, props with types and defaults, events and slots.
Go to definition for imported components.
Requirements
Diagnostics and completion use the Zubra compiler. The extension finds it in this order:
The zubra.compiler setting, a path to the zubra command.
@zubra/compiler (WebAssembly) installed in your workspace: npm i -D @zubra/compiler.
