Skip to content

Instantly share code, notes, and snippets.

View mouse484's full-sized avatar
:octocat:
🥇

Yuto mouse484

:octocat:
🥇
View GitHub Profile
@mouse484
mouse484 / HotkeysProvider.svelte
Created February 23, 2026 00:54
@tanstack/hotkeys Svelte useHotkey
<script lang='ts'>
import type { Snippet } from 'svelte'
import type { HotkeysContextValue, HotkeysProviderOptions } from './context'
import { setHotkeysContext } from './context'
interface Props {
children?: Snippet
defaultOptions?: HotkeysProviderOptions
}
@mouse484
mouse484 / MonacoEditor.svelte
Created December 22, 2023 00:44
svelte 5 monaco editor
<script lang="ts">
import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
const { updateContent } = $props<{
updateContent: (newContent: string) => void;
}>();
let ready = $state(false);
let element = $state<HTMLDivElement>();
// ==UserScript==
// @name Improve YouTube Search
// @version 1
// @description Switch YouTube search to Google Search video tab
// @author @mouse_484
// @source https://gist.github.com/mouse484/8cf6baed362ed9c8ef8674d5ba61de4a
// @match https://www.youtube.com/**
// @icon https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @grant none
// ==/UserScript==
::-webkit-scrollbar {
background-color: #1c1e1f;
color: #c5c1b9;
}
::-webkit-scrollbar-corner {
background-color: #181a1b;
}
::-webkit-scrollbar-thumb {
background-color: #2a2c2e;
}