Svelte Tiptap Notion Clone

Demo site: svelte-tiptap.vercel.app
Github Repo: github.com/andheller/svelte-tiptap.

Overview

The slash commands in the demo use a Svelte store to keep track of the commands and filter the list as the user types. There is also a store that keeps track which item is currently being hovered on and resets the index to zero if the slash command menu is closed.

The Repl below is a simplified version that doesn't have quite as many moving parts.

Input Output