You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+4Lines changed: 4 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -49,6 +49,10 @@ Here's the short way to add Svelte component you've written to a Quarto doc:
49
49
50
50
**To see this all in practice, check out [`example.qmd`](./example.qmd).**
51
51
52
+
> **Note:** `quarto preview` won't "live reload" when you modify your Svelte component—but if you modify and save the Quarto doc that imports it, that will trigger a re-render. You may need to hard reload the page in your browser to see the updated Svelte component.
53
+
>
54
+
> If you want to quickly iterate on the Svelte component and you aren't too concerned about the rest of your Quarto doc, you might find the [Svelte Preview](https://marketplace.visualstudio.com/items?itemName=RafaelMartinez.svelte-preview) extension for VSCode handy.
55
+
52
56
## 📦 What's in the box?
53
57
54
58
When you use the Sverto template in a project, it creates some files for you:
Copy file name to clipboardExpand all lines: docs/index.qmd
+6Lines changed: 6 additions & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -60,6 +60,12 @@ Here's the short way to add Svelte component you've written to a Quarto doc:
60
60
61
61
**To see this all in practice, check out [`example.qmd`](https://github.com/360-info/sverto/blob/firstrelease/example.qmd).**
62
62
63
+
:::{.callout-note}
64
+
The `quarto preview` command won't "live reload" when you modify your Svelte component—but if you modify and save the Quarto doc that imports it, that will trigger a re-render. You may need to hard reload the page in your browser to see the updated Svelte component.
65
+
66
+
If you want to quickly iterate on the Svelte component and you aren't too concerned about the rest of your Quarto doc, you might find the [Svelte Preview](https://marketplace.visualstudio.com/items?itemName=RafaelMartinez.svelte-preview) extension for VSCode handy.
67
+
:::
68
+
63
69
## 🛍 Use other libraries in your Svelte component
64
70
65
71
If you want to refer to other JavaScript libraries in your Svelte component (like d3, for example), add them to the project using `npm install package1 [package2 ...]`. For example:
0 commit comments