Skip to content

Instantly share code, notes, and snippets.

View deno-file-search.ts
import yargs from "https://deno.land/x/yargs@v17.0.1-deno/deno.ts";
import * as path from "https://deno.land/std@0.97.0/path/mod.ts";
interface Yargs<ArgvReturnType> {
describe: (param: string, description: string) => Yargs<ArgvReturnType>;
demandOption: (required: string[]) => Yargs<ArgvReturnType>;
argv: ArgvReturnType;
}
interface UserArguments {
View final-app.vue
<template>
<img :src="logoURL" :alt="logoCaption" width="200" height="200" />
<h1>{{ title }}</h1>
<h2>Add a new task</h2>
<span>You have {{ allTasks }} {{ allTasks > 1 ? 'tasks' : 'task' }} at the moment</span>
<div>
<input type="text"
v-model="newTask"
View dynamic-css-vue.vue
<template>
<img :src="logoURL" :alt="logoCaption" width="200" height="200" />
<h1>{{ title }}</h1>
<h2>Add a new task</h2>
<span>You have {{ allTasks }} {{ allTasks > 1 ? 'tasks' : 'task' }} at the moment</span>
<div>
<input type="text"
v-model="newTask"
View attribute-binding.vue
<template>
<img :src="logoURL" :alt="logoCaption" width="200" height="200" />
<h1>{{ title }}</h1>
<h2>Add a new task</h2>
<span>You have {{ allTasks }} {{ allTasks > 1 ? 'tasks' : 'task' }} at the moment</span>
<div>
<input type="text"
v-model="newTask"
View computed-properties.vue
<template>
<h1>{{ title }}</h1>
<h2>Add a new task</h2>
<span>You have {{ allTasks }} {{ allTasks > 1 ? 'tasks' : 'task' }} at the moment</span>
<div>
<input type="text"
v-model="newTask"
placeholder="Add a new task"
View handle-user-events.vue
<template>
<h1>{{ title }}</h1>
<h2>Add a new task</h2>
<div>
<input type="text"
v-model="newTask"
placeholder="Add a new task"
>
View vue-methods.vue
<template>
<h1>{{ title }}</h1>
<h2>Add a new task</h2>
<div>
<input type="text"
v-model="newTask"
placeholder="Add a new task"
>
View handle-user-input.vue
<template>
<h1>{{ title }}</h1>
<h2>Add a new task</h2>
<div>
<input type="text"
v-model="newTask"
placeholder="Add a new task"
>
View conditional-rendering.vue
<template>
<h1>{{ title }}</h1>
<ul>
<li v-for="task in tasks" :key="task.id">
{{ task.id }}. {{ task.name }}
<div v-if="task.finished">
<button>Delete task</button>
</div>
View list-rendering.vue
<template>
<h1>{{ title }}</h1>
<ul>
<li v-for="task in tasks" :key="task.id">
{{task.id}}. {{ task.name }}
</li>
</ul>
</template>