Skip to content

Frontend Snippets

🔥 Useful code snippets for Vue 3, Pinia, Vue-Router, JavaScript, TypeScript, and Axios.

📦 Features

Axios GET Request snippet
Pinia Define Store
Async Components
Custom Directives
Component v-model
Component Slots Use
Named Slots
Vue-Router Instance
SFC setup
Writable Computed
WatchEffect
Watch Multiple Sources

🛠 Usage

Type the following prefixes in .vue, .js, or .ts files:

Prefix	Description
`agr`	Axios GET request template
`pdf`	Pinia Define Store
`vac`	Async Components
`vcd`	Custom directive
`vcm`	Component v-model
`vcs`	Component Slots Use
`vns`	Named Slots
`vri`	Vue-Router Instance
`vsf`	SFC setup
`vwc`	Writable Computed
`vwe`	WatchEffect
`vwm`	Watch Multiple Sources

🔧 Requirements

None. Works out of the box in VS Code.

📄 License

MIT