Vuetify Snippets Extension 🎉
Vuetify.js UI components are fantastic, but remembering the syntax for all its components can be challenging. This simple extension provides extensive code IntelliSense to help you use Vuetify components effortlessly. ✨
Examples 📚
Type the snippet prefix (e.g., vapp
) and press Tab to insert the complete snippet code.
vapp
🌟
<template>
<v-app>
<v-main>
<v-container>
<router-view></router-view>
</v-container>
</v-main>
</v-app>
</template>
<script>
export default {
name: '',
components: {},
props: {},
data: () => ({}),
computed: {},
created: {},
mounted: {},
methods: {},
}
</script>
### `vcomponent` 🔘
```html
<template>
<div>
</div>
</template>
<script>
export default {
name: '',
components: {},
props: {},
data: () => ({}),
computed: {},
created: {},
mounted: {},
methods: {},
}
</script>
### `vcard 💳
```html
<v-card
class=""
max-width=""
>
<v-card-text>
<p class="">
</p>
<div>
</div>
</v-card-text>
<v-card-actions>
<v-btn
color=""
@click=""
>
</v-btn>
</v-card-actions>
</v-card>
## Features 🚀
- Extensive IntelliSense for Vuetify components 🧠
- Covers both basic and advanced components 🔧
- Provides UI scaffolding for quick development 🏗️
## NEWS Features !!!
- Files with up to 4 columns were added.
- Some classes for text in Vuetify were added.
## Roadmap 🛤️
We aim to provide comprehensive support for all Vuetify components, ensuring quality code IntelliSense and Vue support.
## License 📜
This extension is licensed under the MIT License.
### [Donate](https://www.paypal.me/LGonzalezduerto) 💖