| difficulty | 3 |
|---|---|
| tags | pinia, state |
Lorem Ipsum?
Alpha
Daniel Kelly danielkellyio
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "css.validate": false, | |
| "tailwindCSS.emmetCompletions": true, | |
| "workbench.colorTheme": "Material Theme Darker High Contrast", | |
| "git.autofetch": true, | |
| "editor.fontSize": 14, | |
| "editor.fontFamily": "JetBrains Mono", | |
| "editor.fontLigatures": true, | |
| // "eslint.format.enable": true, | |
| // "editor.formatOnSaveMode": "modifications", |
danielkellyio
/ javascript.json
Last active
October 2, 2024 09:38
VS Code Snippet for Defining Pinia Stores
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "Pinia Store Boilerplate": { | |
| "prefix": "pinia", | |
| "body": [ | |
| "import { defineStore, acceptHMRUpdate } from \"pinia\";", | |
| "", | |
| "export const use$TM_FILENAME_BASE = defineStore(\"$TM_FILENAME_BASE\", {", | |
| " state: () => {", | |
| " return {", | |
| " $0", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "Vue defineEmits":{ | |
| "prefix": "defineEmits", | |
| "body" : [ | |
| "defineEmits<{", | |
| " (e: \"${1:event}\", ${2:payload}: { $3 }): void;", | |
| "}>();", | |
| ], | |
| "description": "defineEmits type declaration for Vue.js components" | |
| }, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| amiralizadeh9480.laravel-extra-intellisense | |
| antfu.iconify | |
| apollographql.vscode-apollo | |
| atlassian.atlascode | |
| be5invis.toml | |
| bierner.markdown-preview-github-styles | |
| bradlc.vscode-tailwindcss | |
| buenon.scratchpads | |
| csstools.postcss | |
| dbaeumer.vscode-eslint |
danielkellyio
/ gist:115fddeb0261033e782d0df385143180
Created
March 14, 2022 18:51
dynamic-link-screenshare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| dynamic-link-screenshare |
danielkellyio
/ 8base-trello-clone-schema-import.json
Created
July 7, 2022 19:28
Data schema for Vue.js Forge
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "tables": [ | |
| { | |
| "id": "62757cc0e3b8400009599e54", | |
| "name": "Boards", | |
| "displayName": "boards", | |
| "isSystem": false, | |
| "fields": [ | |
| { | |
| "id": "62757cc0e3b8400009599e5e", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script setup> | |
| import { ref, computed } from "vue"; | |
| import ProductCard from "./components/ProductCard.vue"; | |
| import { useFetch } from "./composables/useFetch"; | |
| // loading products | |
| const { data, loading } = useFetch( | |
| "https://dummyjson.com/products?limit=10000" | |
| ); | |
| const products = computed(() => data.value?.products || []); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { ref } from "vue"; | |
| export const useFetch = (url) => { | |
| const loading = ref(true); | |
| const data = ref(null); | |
| async function fetchData() { | |
| const res = await fetch(url); | |
| const d = await res.json(); | |
| data.value = d; | |
| loading.value = false; |
danielkellyio
/ mcquestion.md
Created
March 24, 2023 15:49