johannschopplich

const nanoid = () => Math.random().toString(36).substring(2)

/**
 * @module PreloadImages
 * @description
 * Custom element to preload images
 * @property {(string|array)} src Comma seperated list, array or string of image source(s)
 */
export default class PreloadImages extends HTMLElement {
  constructor () {

johannschopplich

<!--
@license
Copyright 2018 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

johannschopplich

ssh-keygen -o -a 64 -t ed25519 -f ~/.ssh/id_ed25519 -C "john@example.com"

johannschopplich

panel.plugin("distantnative/block-accordion", {
  blocks: {
    accordion: {
      methods: {
        addRow() {
          this.content.rows.push({ summary: "", detail: "" });
          this.update({ rows: this.content.rows });
        },
        removeRow(index) {
          this.content.rows.splice(index, 1);

johannschopplich

@media (hover: none) and (pointer: coarse) {
  /* Touchscreens */
}
@media (hover: none) and (pointer: fine) {
  /* Stylus */
}
@media (hover: hover) and (pointer: coarse) {
  /* Controllers */
}
@media (hover: hover) and (pointer: fine) {

johannschopplich

import { useStorageAsync } from "@vueuse/core";
import { get, set, del } from "idb-keyval";

export const STORAGE_KEY_PREFIX = "app.session.";

// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function useIdbStorage<T = any>(key: string, initialValue: T) {
  return useStorageAsync(`${STORAGE_KEY_PREFIX}${key}`, initialValue, {
    async getItem(key: string) {
      return (await get<string>(key)) ?? null;

johannschopplich

// Create a schema for a post
const Post = z.object({
  slug: z.string(),
  content: z.string(),
});

// Create a schema for a post collection
const Posts = z.array(Post);

// Fetch a post by slug with the correct typed response

johannschopplich

import { FormData as _FormData } from 'formdata-polyfill/esm.min.js'

export async function formDataToObject(formData: FormData) {
  const obj: Record<string, any> = {}

  for (const [key, value] of formData.entries()) {
    if (value instanceof Blob) {
      obj[key] = {
        __type: 'blob',
        ...(await serializeBlob(value)),

johannschopplich

<template>
  <span
    v-if="icon"
    :class="[
      'children-[svg]:h-full children-[svg]:w-full',
      defaultStyles && 'inline-block h-[1em] w-[1em] align-middle',
    ]"
    v-html="icon"
  />
</template>

johannschopplich

/**
 * First, create a type helper that represents
 * the Result that we'll get from our safe function
 */
type Result<T> =
  | {
      ok: true;
      value: T;
    }
  | {