difficulty | tags |
---|---|
3 |
pinia, state |
Lorem Ipsum?
Alpha
// Imports | |
const firestoreService = require('firestore-export-import') | |
const firebaseConfig = require('./src/config/firebase.js') | |
const serviceAccount = require('./serviceAccount.json') | |
const fs = require('fs') | |
const tempFileName = `${__dirname}/data-temp.json`; | |
// procedure | |
(async () => { | |
const fileContents = fs.readFileSync(`${__dirname}/src/data.json`, 'utf8') |
WEBVTT | |
00:00:04.553 --> 00:00:08.567 | |
Congratulations on completing our course | |
in test-driven development | |
00:00:08.600 --> 00:00:10.600 | |
with Vue and TypeScript. | |
00:00:11.000 --> 00:00:13.267 |
{ | |
"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", |
{ | |
"tables": [ | |
{ | |
"id": "62757cc0e3b8400009599e54", | |
"name": "Boards", | |
"displayName": "boards", | |
"isSystem": false, | |
"fields": [ | |
{ | |
"id": "62757cc0e3b8400009599e5e", |
{ | |
"Vue defineEmits":{ | |
"prefix": "defineEmits", | |
"body" : [ | |
"defineEmits<{", | |
" (e: \"${1:event}\", ${2:payload}: { $3 }): void;", | |
"}>();", | |
], | |
"description": "defineEmits type declaration for Vue.js components" | |
}, |
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 |
{ | |
"Pinia Store Boilerplate": { | |
"prefix": "pinia", | |
"body": [ | |
"import { defineStore, acceptHMRUpdate } from \"pinia\";", | |
"", | |
"export const use$TM_FILENAME_BASE = defineStore(\"$TM_FILENAME_BASE\", {", | |
" state: () => {", | |
" return {", | |
" $0", |
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; |