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 { $fetch } from "ofetch";
import { hash } from "ohash";
import { toValue } from "@vueuse/core";
import { useQuery } from "vue-unquery";
import { useI18n } from "@byjohann/vue-i18n";
import type { MaybeRefOrGetter } from "@vueuse/core";
import type { TurboVueOptions } from "vue-unquery";
import type { KirbyQueryRequest, KirbyQueryResponse } from "kirby-types";

let responseCache: KirbyQueryResponse | undefined;

johannschopplich

export interface SpreadsheetValues {
  majorDimension: "DIMENSION_UNSPECIFIED" | "ROWS" | "COLUMNS";
  range: string;
  values: string[][];
}

export async function getSpreadsheetValues(
  id: string,
  sheet: string
): Promise<Record<string, string>[]> {

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)),