Skip to content

Instantly share code, notes, and snippets.

Working from home


Working from home
View GitHub Profile
View docker-compose.yml
version: "3.5"
# The official v2 Traefik docker image
image: traefik:v2.9
# Enables the web UI and tells Traefik to listen to docker
command: --providers.docker
# The HTTP port
npm create vite@latest .
npm install
npm i -D eslint prettier @vue/eslint-config-typescript @rushstack/eslint-patch eslint-config-prettier eslint-plugin-prettier
echo """{
\"bracketSpacing\": true,
\"semi\": true,
\"singleQuote\": true,
\"trailingComma\": \"all\",
\"printWidth\": 80,
tq-bit / AppAudioPlayer.vue
Last active April 13, 2022 13:18
Empty boilerplate for an audio player Vue component
View AppAudioPlayer.vue
<script setup lang="ts">
import { onMounted, ref, computed } from 'vue';
import iPlay from './icons/iPlay.vue';
import iPause from './icons/iPause.vue';
const currentAudioFileSource = null;
const previousAudioFileSource = null;
tq-bit / AppContainer.vue
Created March 17, 2022 18:29
A vue composition API functional component for a Tailwind powered contained
View AppContainer.vue
<script setup lang="ts">
import { h, defineProps, withDefaults, Component } from 'vue';
interface AppContainerProps {
tag?: keyof HTMLElementTagNameMap;
flex?: boolean;
page?: boolean;
center?: boolean;
cols?: number;
tq-bit / Component.vue
Last active October 22, 2022 07:28
A Vue 3 Compostion Hook (MVP) for the Fetch API. Its public methods can be used to monitor and cancel a fetch request.
View Component.vue
<script setup>
import { ref, onMounted } from 'vue';
import AppForm from './components/AppForm.vue';
import AppList from './components/AppList.vue';
import AppLoading from './components/AppLoading.vue';
import useFetch from './use/useFetch';
const rootUrl = '';
const { loading, results, getJson } = useFetch(rootUrl);
tq-bit / docker-compose.yaml
Created September 3, 2021 14:09
Docker compose file to setup a basic nextcloud instance that runs on postgres.
View docker-compose.yaml
version: "3.8"
image: postgres
restart: always
tq-bit / index.html
Last active December 12, 2020 12:53
Make API requests with Javascript - index.html - start
View index.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Learn to make API calls - My Pokedex</title>
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="styles.css" />