iamkevingreen

import React, {useState, useEffect, useRef} from 'react'
import classNames from 'classnames'

import {useIntersection} from 'use-intersection'

const Video = ({
  video,
  poster,
  posterWidth = 1920,
  posterFitMode = 'preserve',

lukeocodes

<script lang="ts" setup>
const route = useRoute();
const router = useRouter();

const getBreadcrumbs = () => {
  const fullPath = route.path;
  const requestPath = fullPath.startsWith("/")
    ? fullPath.substring(1)
    : fullPath;
  const crumbs = requestPath.split("/");

erikthalen

/**
 * 
 * @param {HTMLElement} [target=document.body] - Element to querySelect in
 * @param {boolean} [namespaced] - Only get children with data-ref-parent-ref
 * @param {string} [exclude] - Selector or element who's children wont be selected
 * @param {boolean | function} [watch] - Watches DOM and updates refs on mutation
 * @param {boolean} [asArray] - Saves all refs in arrays, also single elements
 * @returns {Object} { myRef: div, another: [button, span] }
 */
export default ({

bradtraversy

VSCode Shortcuts

List of helpful shortcuts for faster coding

If you have any other helpful shortcuts, feel free to add in the comments of this gist :)

Official List of all commands

• Windows
• Mac

joshbuchea

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example