From 3cfe55a1e64440d2b451360754526fc8fed2895b Mon Sep 17 00:00:00 2001 From: Florian Lefebvre Date: Mon, 6 May 2024 18:01:56 +0200 Subject: [PATCH 1/4] docs: add solid devtools option --- .../en/guides/integrations-guide/solid-js.mdx | 21 ++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/src/content/docs/en/guides/integrations-guide/solid-js.mdx b/src/content/docs/en/guides/integrations-guide/solid-js.mdx index 15d3b9c1dd4c3..40329917b3aa9 100644 --- a/src/content/docs/en/guides/integrations-guide/solid-js.mdx +++ b/src/content/docs/en/guides/integrations-guide/solid-js.mdx @@ -6,7 +6,8 @@ githubIntegrationURL: 'https://github.com/withastro/astro/tree/main/packages/int category: renderer i18nReady: true --- -import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro' +import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'; +import Since from '~/components/Since.astro'; This **[Astro integration][astro-integration]** enables server-side rendering and client-side hydration for your [SolidJS](https://www.solidjs.com/) components. @@ -98,6 +99,24 @@ To use your first SolidJS component in Astro, head to our [UI framework document * 💧 client-side hydration options, and * 🤝 opportunities to mix and nest frameworks together +## Configuration + +### devtools + +

+ +You can enable [Solid DevTools](https://github.com/thetarnav/solid-devtools) in development by passing an object with `devtools: true` to your `solid()` integration config: + +```js title="astro.config.mjs" +import { defineConfig } from 'astro/config'; +import solid from '@astrojs/solid'; + +export default defineConfig({ + // ... + integrations: [solid({ devtools: true })], +}); +``` + ## Options ### Combining multiple JSX frameworks From 6f521608c6b76a314143d3553eaffd83ca572bba Mon Sep 17 00:00:00 2001 From: Sarah Rainsberger Date: Tue, 7 May 2024 09:20:11 -0300 Subject: [PATCH 2/4] full package name for Since component --- src/content/docs/en/guides/integrations-guide/solid-js.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/en/guides/integrations-guide/solid-js.mdx b/src/content/docs/en/guides/integrations-guide/solid-js.mdx index 40329917b3aa9..06fa3cff1ee8a 100644 --- a/src/content/docs/en/guides/integrations-guide/solid-js.mdx +++ b/src/content/docs/en/guides/integrations-guide/solid-js.mdx @@ -103,7 +103,7 @@ To use your first SolidJS component in Astro, head to our [UI framework document ### devtools -

+

You can enable [Solid DevTools](https://github.com/thetarnav/solid-devtools) in development by passing an object with `devtools: true` to your `solid()` integration config: From d3a3838a40f5eb72a1afd6832509db9856770dd1 Mon Sep 17 00:00:00 2001 From: Florian Lefebvre Date: Tue, 7 May 2024 14:50:23 +0200 Subject: [PATCH 3/4] Update src/content/docs/en/guides/integrations-guide/solid-js.mdx Co-authored-by: Sarah Rainsberger --- src/content/docs/en/guides/integrations-guide/solid-js.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/en/guides/integrations-guide/solid-js.mdx b/src/content/docs/en/guides/integrations-guide/solid-js.mdx index 06fa3cff1ee8a..889ac58db300a 100644 --- a/src/content/docs/en/guides/integrations-guide/solid-js.mdx +++ b/src/content/docs/en/guides/integrations-guide/solid-js.mdx @@ -103,7 +103,7 @@ To use your first SolidJS component in Astro, head to our [UI framework document ### devtools -

+

You can enable [Solid DevTools](https://github.com/thetarnav/solid-devtools) in development by passing an object with `devtools: true` to your `solid()` integration config: From dbd44e86ab6d6e3f22982cfe74a8af79476865de Mon Sep 17 00:00:00 2001 From: Florian Lefebvre Date: Wed, 8 May 2024 16:24:29 +0200 Subject: [PATCH 4/4] Update solid-js.mdx --- .../en/guides/integrations-guide/solid-js.mdx | 20 ++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/src/content/docs/en/guides/integrations-guide/solid-js.mdx b/src/content/docs/en/guides/integrations-guide/solid-js.mdx index 889ac58db300a..5a8b8952651c5 100644 --- a/src/content/docs/en/guides/integrations-guide/solid-js.mdx +++ b/src/content/docs/en/guides/integrations-guide/solid-js.mdx @@ -105,7 +105,25 @@ To use your first SolidJS component in Astro, head to our [UI framework document

-You can enable [Solid DevTools](https://github.com/thetarnav/solid-devtools) in development by passing an object with `devtools: true` to your `solid()` integration config: +You can enable [Solid DevTools](https://github.com/thetarnav/solid-devtools) in development by passing an object with `devtools: true` to your `solid()` integration config and adding `solid-devtools` to your project dependencies: + + + + ```sh + npm install solid-devtools + ``` + + + ```sh + pnpm add solid-devtools + ``` + + + ```sh + yarn add solid-devtools + ``` + + ```js title="astro.config.mjs" import { defineConfig } from 'astro/config';