Skip to content

Instantly share code, notes, and snippets.

View PatrikBird's full-sized avatar
🌈

Patrik PatrikBird

🌈
  • 15:10 (UTC +02:00)
View GitHub Profile
@PatrikBird
PatrikBird / settings.json
Last active January 2, 2024 12:53
My VSCode settings
{
// Enable the ESlint flat config support
"eslint.experimental.useFlatConfig": true,
// Disable the default formatter, use eslint instead
"prettier.enable": false,
"editor.defaultFormatter": "dbaeumer.vscode-eslint",
"editor.formatOnSave": false,
"editor.formatOnPaste": true,
"eslint.format.enable": true,
@PatrikBird
PatrikBird / nuxt.config.ts
Created November 7, 2023 00:27
Nuxt: Add Pinia Module to Config
export default defineNuxtConfig({
modules: ['@pinia/nuxt'],
})
@PatrikBird
PatrikBird / install.md
Created November 7, 2023 00:25
Nuxt: Integrate Pinia

$ npm install pinia @pinia/nuxt

@PatrikBird
PatrikBird / serverStructure.md
Created November 7, 2023 00:22
Nuxt: Server API
.
β”œβ”€β”€ server
β”‚   └── api
β”‚       └── hello.ts
β”œβ”€β”€ ...
@PatrikBird
PatrikBird / install.md
Last active November 7, 2023 00:29
Nuxt: nuxi

$ npx nuxi@latest init

@PatrikBird
PatrikBird / nuxt.config.ts
Created October 18, 2023 01:45
Nuxt: Pinia Module Config
export default defineNuxtConfig({
modules: ['@pinia/nuxt'],
pinia: {
storeDirs: ['./stores/**', './custom-folder/stores/**'],
},
})
@PatrikBird
PatrikBird / vue-gtag.client.js
Created October 17, 2023 10:27
Nuxt: Vue Plugin
import VueGtag, { trackRouter } from 'vue-gtag-next'
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(VueGtag, {
property: {
id: 'GA_MEASUREMENT_ID'
}
})
trackRouter(useRouter())
})
@PatrikBird
PatrikBird / install.md
Last active November 7, 2023 00:29
Nuxt: Install Vue Plugin

$ npm install vue-gtag -D

@PatrikBird
PatrikBird / layoutStructure.md
Last active November 7, 2023 00:18
Nuxt: Layouts
.
β”œβ”€β”€ layouts
β”‚   └── default.vue
β”‚   └── custom.vue
β”‚   └── ...
@PatrikBird
PatrikBird / routes.mjs
Created October 12, 2023 05:30
Nuxt: Generated router config
export default [
{
name: aboutqwyr2lWwdIMeta?.name ?? "about",
path: aboutqwyr2lWwdIMeta?.path ?? "/about",
meta: aboutqwyr2lWwdIMeta || {},
alias: aboutqwyr2lWwdIMeta?.alias || [],
redirect: aboutqwyr2lWwdIMeta?.redirect || undefined,
component: () => import("/Path/to/project/pages/about.vue").then(m => m.default || m)
},
{