Vona Support is a Visual Studio Code extension that provides support for .vona files. This extension includes syntax highlighting, snippets, and auto-completion for custom components in Vona files.
Features
Syntax Highlighting: Provides syntax highlighting for .vona files, including JavaScript within <script> tags.
Snippets: Includes snippets for quickly creating common Vona structures.
Auto-completion: Auto-completes custom components defined in the src/components directory and automatically adds import statements.
Snippets
Boilerplate
Type ! to create a basic Vona component structure.
<template>
<div>
Hello, Vona!
</div>
</template>
<script>
export default {
data() {
return {};
}
};
</script>
### Template
Type `template` to create a template section.
```vona
<template>
$0
</template>
Script
Type script to create a script section.
Auto-completion
Custom components defined in src/components are auto-completed within tags.lic
When a component is selected from auto-completion, an import statement is automatically added to the