wobsoriano

import { writable } from 'svelte/store'

const html = document.querySelector('html')
const storedTheme = localStorage.getItem('theme')

function isSystemThemeDark() {
    return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
}

function createThemeStore() {

wobsoriano

import { createContext, createEffect, createSignal, useContext } from 'solid-js'

const themeName = 'theme'
const html = document.querySelector('html')

function getInitialTheme() {
    const isDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
    const storageTheme = localStorage.getItem(themeName)
    
    if (storageTheme) return storageTheme

wobsoriano

import { onCleanup } from 'solid-js'
import { createStore, reconcile, Store } from 'solid-js/store'
import create, { SetState, State, StoreApi } from 'zustand/vanilla'

interface CounterStore {
    count: number
    increment: () => void
    decrement: () => void
}

wobsoriano

import { InfiniteData, useMutation, useQueryClient } from 'react-query';

import { ExtendPayload } from '../globals';
import { useAuthStore } from '../store';
import { MessageListItem, MessageListResponse } from './useMessageList';
import { httpClient, stringifyQuery } from './utils';

interface CreateMessageBody {
  to: string;
  message: string;

wobsoriano

export const todoKeys = {
  all: ['todos'] as const,
  lists: () => [...todoKeys.all, 'list'] as const,
  list: (filters: string) => [...todoKeys.lists(), { filters }] as const,
  details: () => [...todoKeys.all, 'detail'] as const,
  detail: (id: number) => [...todoKeys.details(), id] as const,
}

wobsoriano

export default function openFileDialog(
  accept: string,
  multiple: boolean,
  callback: (arg: Event) => void
) {
  // this function must be called from a user
  // activation event (ie an onclick event)

  // Create an input element
  const inputElement = document.createElement('input');

wobsoriano

<template>
  <div v-frag>
    <slot />
    <v-dialog
      v-model="isOpen"
      :max-width="options.width"
      :persistent="options.persistent"
    >
      <v-card>
        <v-card-title>{{ title }}</v-card-title>

wobsoriano

<template>
  <div v-frag>
    <slot />
    <v-snackbar v-model="show" :timeout="options.timeout" bottom right>
      {{ text }}
      <template v-if="options.showCloseButton" #action="{ attrs }">
        <v-btn
          :color="options.closeButtonColor"
          text
          v-bind="attrs"

wobsoriano

<script setup lang="ts">
import { ref } from 'vue';
import InfiniteScroll from '~/components/InfiniteScroll.vue';
import SkeletonPostItem from '~/components/SkeletonPostItem.vue';

interface State {
  loaded: () => void;
  complete: () => void;
}

wobsoriano

<template>
  <emoji-picker ref="picker"></emoji-picker>
</template>

<script>
import { defineComponent, ref, onMounted, onUnmounted } from 'vue';
// https://github.com/nolanlawson/emoji-picker-element
import 'emoji-picker-element/picker';

export default defineComponent({