https://github.com/robsontenorio/voltage
Livewire Volt + Blade Intellisense for VSCode/Cursor/Windsurf
https://github.com/robsontenorio/voltage
blade cursor intellisense laravel livewire volt vscode vscode-extension windsurf
Last synced: 11 months ago
JSON representation
Livewire Volt + Blade Intellisense for VSCode/Cursor/Windsurf
- Host: GitHub
- URL: https://github.com/robsontenorio/voltage
- Owner: robsontenorio
- Created: 2024-11-21T15:50:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-03T05:57:01.000Z (over 1 year ago)
- Last Synced: 2025-04-08T14:22:18.446Z (about 1 year ago)
- Topics: blade, cursor, intellisense, laravel, livewire, volt, vscode, vscode-extension, windsurf
- Homepage: https://marketplace.visualstudio.com/items?itemName=robsontenorio.voltage
- Size: 4.54 MB
- Stars: 41
- Watchers: 2
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
✔️ Formatter
✔️ Click to go
✔️ Autocomplete
✔️ Syntax highlight
✔️ Blade components
✔️ Volt class-based
❌ Volt functional API
*This plugin works with "**PHP**" language mode. Please, disable other related extensions that adds **"Blade"** language and restart VSCode*.
# Autocomplete
**Make autocomplete smooth inside quotes as you type.**
```json
"editor.quickSuggestions": {
"strings": "on"
}
```
# Format
**1) Make Voltage as default formatter for PHP.**
```json
"[php]": {
"editor.defaultFormatter": "robsontenorio.voltage"
}
```
**2) Install [Laravel Pint](https://laravel.com/docs/master/pint).**
```bash
composer require --dev laravel/pint
```
**3) Install [Prettier](https://prettier.io) dependencies.**
```bash
yarn add --dev prettier prettier-plugin-blade@^2
```
**4) Create a `.prettierrc` file at root of your project.**
```json
{
"printWidth": 180,
"plugins": [
"prettier-plugin-blade"
],
"overrides": [
{
"files": [
"*.php"
],
"options": {
"parser": "blade"
}
}
]
}
```
**5) Optionally, enable format on save.**
```json
"editor.formatOnSave": true,
```
# Scan components
You do not need to do it manually.
But, just in case, you can hit `Voltage: Scan components` from the command palette.
# Sponsor
Let's keep pushing it, [sponsor me](https://github.com/sponsors/robsontenorio) ❤️
# Follow me
[@robsontenorio](https://twitter.com/robsontenorio)
# Feedback
https://github.com/robsontenorio/voltage