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

// 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 { 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;