Svelte Snippets for Zed

Installation

1. Clone this repo:

git clone https://github.com/bobbymannino/svelte-snippets-for-zed

2. Go to Extensions menu in Zed IDE
3. Click "Install Dev Extension"
4. Select the folder you cloned

Available Snippets

Svelte

• sv-each: A svelte each loop
• sv-each-else: A svelte each loop with an else clause
• sv-if: A svelte if statement
• sv-if-else: A svelte else statement
• sv-props: A script (ts) tag with an empty props
• sv-ts: An empty script (ts) tag
• sv-page-props: A script (ts) tag, with props, for a svelte page
• sv-layout-props: A script (ts) tag, with props, for a svelte layout
• sv-style: A style tag
• sv-global-style: A global style tag
• sv-html: A @html tag
• sv-await: An await tag
• sv-then: An await then tag with no loading content
• sv-await-then: An await then tag with loading content
• sv-await-catch: An await catch tag with loading content
• sv-await-then-catch: An await then catch tag with loading content
• sv-window: A <svelte:window /> tag
• sv-head: A <svelte:head> tag