Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

tq-bit

🏠
Working from home
View GitHub Profile
View docker-compose.yml
version: "3.5"
services:
reverse-proxy:
# The official v2 Traefik docker image
image: traefik:v2.9
# Enables the web UI and tells Traefik to listen to docker
command: --providers.docker
ports:
# The HTTP port
View vue3-ts-lint-setup.sh
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
tq-bit / AppAudioPlayer.vue
Last active Apr 13, 2022
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 DEFAULT_AUDIO_ADDRESS = 'https://www.americanrhetoric.com/mp3clips/politicalspeeches/gettysburgaddressjohnnycash.mp3';
const currentAudioFileSource = null;
const previousAudioFileSource = null;
@tq-bit
tq-bit / AppContainer.vue
Created Mar 17, 2022
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
tq-bit / Component.vue
Last active Oct 22, 2022
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 = 'https://my-json-server.typicode.com/tq-bit/use-fetch-json-mock';
const { loading, results, getJson } = useFetch(rootUrl);
@tq-bit
tq-bit / docker-compose.yaml
Created Sep 3, 2021
Docker compose file to setup a basic nextcloud instance that runs on postgres.
View docker-compose.yaml
version: "3.8"
volumes:
nc_data:
nc_conf:
services:
db:
image: postgres
restart: always
@tq-bit
tq-bit / index.html
Last active Dec 12, 2020
Make API requests with Javascript - index.html - start
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>