Martin Malinda MartinMalinda

Creative through code. Inspired by nature.

MartinMalinda / promised.html

Created July 4, 2020 12:19

	<template>
	<Promised :promise="usersPromise">
	<template v-slot:pending>
	<p>Loading...</p>
	</template>
	<template v-slot="data">
	<ul>
	<li v-for="user in data">{{ user.name }}</li>
	</ul>
	</template>

MartinMalinda / suspense-parent-template.htm

Created July 4, 2020 11:38

	<template>
	<div v-if="error"> {{ error.message }}</div>
	<Suspense v-else>
	<template #default>
	<Admins />
	<Users />
	</template>
	<template #fallback>
	<div>Loading...</div>
	</template>

MartinMalinda / suspsense-child-template.htm

Created July 4, 2020 11:28

MartinMalinda / suspense-child.js

Created July 4, 2020 11:27

	export default defineComponent({
	async setup() {
	const users = await fetchUsers();
	return { users };
	}
	});

MartinMalinda / template.html

Last active July 3, 2020 15:08

	<template>
	<div>
	<div v-if="isLoading"> Loading ... </div>
	<div v-else="error"> {{ error.message }} <button @click="getUsers">try again</button> </div>
	<div v-else> {{ data }} </div>
	</div>
	</template>

MartinMalinda / fetch.js

Last active July 3, 2020 15:17

	import { ref } from 'vue';

	export default defineComponent({
	setup() {
	const isLoading = ref(false);
	const error = ref(null);
	const data = ref(null);
	const getUsers = async () => {
	isLoading.value = true;
	try {

MartinMalinda / takprefetch.ts

Last active June 12, 2020 10:20

useTaskPrefetch

	export function reviveTaskInstance(instance: TaskInstance<any>) {
	if (instance.isError) {
	instance._deferredObject.promise = Promise.reject(instance.error);
	} else {
	// TODO: fix this
	instance._deferredObject.promise = Promise.resolve(instance.value) as unknown as Promise<void>;
	}

	instance.cancel = () => {};
	instance.canceledOn = (signal) => instance;

MartinMalinda / map-data.json

Created May 15, 2020 08:02

MartinMalinda / map-data.json

Last active November 5, 2019 10:27

HOS = head of state source = https://en.wikipedia.org/wiki/List_of_countries_by_system_of_government

MartinMalinda / map-data.json

Last active October 29, 2019 17:58

Countries by the number of road motor vehicles per 1,000 inhabitants Source: https://en.wikipedia.org/wiki/List_of_countries_by_vehicles_per_capita