A VSCode Extension to improve the developer experience when working with @bquery/bquery, especially the component, router and view system.
Type bq- to see all available snippets.
| Prefix | Description |
|---|---|
bq-component |
Create a bQuery web component with props and render |
bq-define-component |
Create a component class with defineComponent |
bq-component-state |
Component with state, props, and lifecycle hooks |
bq-router |
Create a SPA router with route definitions |
bq-route |
Add a route definition |
bq-route-params |
Add a route definition with params |
bq-guard |
Add a navigation guard |
bq-navigate |
Navigate to a path |
bq-mount |
Mount a reactive view with signals |
bq-signal |
Create a reactive signal |
bq-computed |
Create a computed signal |
bq-effect |
Create a reactive effect |
bq-watch |
Watch a signal for changes |
bq-bool |
Create a boolean HTML attribute helper |
bq-store |
Create a state store |
bq-define-store |
Create a factory-style store (Pinia-style) |
bq-persisted-store |
Create a persisted store (localStorage) |
bq-scoped-reactivity |
Create a component with useSignal, useComputed, and useEffect |
bq-use-route |
Access focused route signals with useRoute |
bq-register-link |
Register the declarative <bq-link> router element |
bq-linked-signal |
Create a writable computed (linked signal) |
bq-import-component |
Import component module helpers (component, defineComponent, html, bool, useSignal, useComputed, useEffect) |
bq-import-router |
Import router module |
bq-import-view |
Import view module |
bq-import-reactive |
Import reactive module |
bq-import-store |
Import store module |
bq-import-core |
Import core selectors |
bq-import-motion |
Import motion module |
bq-import-a11y |
Import the new @bquery/bquery/a11y entry point |
bq-import-forms |
Import the new @bquery/bquery/forms entry point |
bq-import-i18n |
Import the new @bquery/bquery/i18n entry point |
bq-import-media |
Import the new @bquery/bquery/media entry point |
bq-import-dnd |
Import the new @bquery/bquery/dnd entry point |
bq-import-plugin |
Import the new @bquery/bquery/plugin entry point |
bq-import-devtools |
Import the new @bquery/bquery/devtools entry point |
bq-import-testing |
Import the new @bquery/bquery/testing entry point |
bq-import-ssr |
Import the new @bquery/bquery/ssr entry point |
| Prefix | Description |
|---|---|
bq-text |
Text binding directive |
bq-html |
HTML binding directive (sanitized) |
bq-if |
Conditional rendering directive |
bq-show |
Show/hide directive |
bq-for |
List rendering directive |
bq-model |
Two-way data binding directive |
bq-on |
Event handler directive |
bq-class |
Conditional class binding |
bq-style |
Dynamic style binding |
bq-bind |
Attribute binding directive |
bq-ref |
Element reference directive |
bq-app |
Full app template with view bindings |
bq-for-template |
List rendering template |
bq-counter |
Counter template with reactive bindings |
- HTML: Auto-complete bQuery view directives (
bq-text,bq-if,bq-for,bq-on:event,bq-model,bq-class,bq-style,bq-show,bq-html,bq-bind:attr,bq-ref) when typing inside HTML tags. - TypeScript/JavaScript: Auto-complete bQuery API functions (
component,bool,useSignal,useComputed,useEffect,createRouter,useRoute,registerBqLink,mount,signal,computed,watch,linkedSignal,createStore, and more) with documentation and snippet insertion.
- VSCode 1.85.0 or later
- A project using @bquery/bquery
MIT — see LICENSE for details.