Utility function to create Svelte contexts

context.js

import { getContext, setContext } from 'svelte'

/**
 * @template T
 * @param {any} [k]
 * @returns {[() => T, (v: T) => void]}
 */
export function createContext(k = {}) {
  return [() => getContext(k), (v) => setContext(k, v)]
}

/**
 * @template T
 * @typedef {[() => T, (v: T) => void]} ContextTuple
 */

/** @type {ContextTuple<number>} */
export const [getAppContext, setAppContext] = createContext()

context.ts

import { getContext, setContext } from 'svelte'

export function createContext<T>(k: any = {}): [() => T, (v: T) => void] {
  return [() => getContext(k), (v) => setContext(k, v)]
}

export const [getAppContext, setAppContext] = createContext<number>()