Danilo Leal
45f9edcbb9
Follow up to https://github.com/zed-industries/zed/pull/31681. Was visiting some of these pages and noticed these somewhat small formatting and copywriting improvement opportunities. The docs for Svelte in particular felt somewhat unorganized. Release Notes: - N/A
74 lines
1.8 KiB
Markdown
74 lines
1.8 KiB
Markdown
# Svelte
|
|
|
|
Svelte support is available through the [Svelte extension](https://github.com/zed-extensions/svelte).
|
|
|
|
- Tree-sitter: [tree-sitter-grammars/tree-sitter-svelte](https://github.com/tree-sitter-grammars/tree-sitter-svelte)
|
|
- Language Server: [sveltejs/language-tools](https://github.com/sveltejs/language-tools)
|
|
|
|
## Extra theme styling configuration
|
|
|
|
You can modify how certain styles, such as directives and modifiers, appear in attributes:
|
|
|
|
```json
|
|
"syntax": {
|
|
// Styling for directives (e.g., `class:foo` or `on:click`) (the `on` or `class` part of the attribute).
|
|
"attribute.function": {
|
|
"color": "#ff0000"
|
|
},
|
|
// Styling for modifiers at the end of attributes, e.g. `on:<click|preventDefault|stopPropagation>`
|
|
"attribute.special": {
|
|
"color": "#00ff00"
|
|
}
|
|
}
|
|
```
|
|
|
|
## Inlay Hints
|
|
|
|
When inlay hints is enabled in Zed, to make the language server send them back, Zed sets the following initialization options:
|
|
|
|
```json
|
|
"inlayHints": {
|
|
"parameterNames": {
|
|
"enabled": "all",
|
|
"suppressWhenArgumentMatchesName": false
|
|
},
|
|
"parameterTypes": {
|
|
"enabled": true
|
|
},
|
|
"variableTypes": {
|
|
"enabled": true,
|
|
"suppressWhenTypeMatchesName": false
|
|
},
|
|
"propertyDeclarationTypes": {
|
|
"enabled": true
|
|
},
|
|
"functionLikeReturnTypes": {
|
|
"enabled": true
|
|
},
|
|
"enumMemberValues": {
|
|
"enabled": true
|
|
}
|
|
}
|
|
```
|
|
|
|
To override these settings, use the following:
|
|
|
|
```json
|
|
"lsp": {
|
|
"svelte-language-server": {
|
|
"initialization_options": {
|
|
"configuration": {
|
|
"typescript": {
|
|
......
|
|
},
|
|
"javascript": {
|
|
......
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
```
|
|
|
|
See [the TypeScript language server `package.json`](https://github.com/microsoft/vscode/blob/main/extensions/typescript-language-features/package.json) for more information.
|