From 592b0143f2be96955490adbd3b3ef8a8c3b57f15 Mon Sep 17 00:00:00 2001
From: Steve Sewell <steve@builder.io>
Date: Thu, 9 Nov 2023 10:56:19 -0800
Subject: [PATCH 1/2] Qwik astro doc improvements

---
 packages/docs/src/routes/docs/integrations/astro/index.mdx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docs/src/routes/docs/integrations/astro/index.mdx b/packages/docs/src/routes/docs/integrations/astro/index.mdx
index 93455422ff3..eb6aea19792 100644
--- a/packages/docs/src/routes/docs/integrations/astro/index.mdx
+++ b/packages/docs/src/routes/docs/integrations/astro/index.mdx
@@ -63,8 +63,8 @@ The integration needs the following in `tsconfig.json` for typescript to recogni
 
 ```ts
 "compilerOptions": {
-"jsx": "react-jsx",
-"jsxImportSource": "@builder.io/qwik"
+  "jsx": "react-jsx",
+  "jsxImportSource": "@builder.io/qwik"
 }
 ```
 
@@ -108,7 +108,7 @@ In other UI frameworks, a hydration directive would be needed for interactivity,
 
 When using Qwik inside a meta framework like Astro or Qwik City, components are loaded on the server, prefetched in a separate thread, and "resumed" on the client.
 
-For example here's how we create a counter component in Qwik.
+For example here's how we create a counter component in Qwik (e.g. at `src/components/counter.ts`).
 
 ```tsx
 import { component$, useSignal } from "@builder.io/qwik";

From f01546954e1d64209dc0564ba9ac437930580a23 Mon Sep 17 00:00:00 2001
From: Steve Sewell <steve@builder.io>
Date: Thu, 9 Nov 2023 12:04:05 -0800
Subject: [PATCH 2/2] typo fix

---
 packages/docs/src/routes/docs/integrations/astro/index.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/src/routes/docs/integrations/astro/index.mdx b/packages/docs/src/routes/docs/integrations/astro/index.mdx
index eb6aea19792..c087e06119e 100644
--- a/packages/docs/src/routes/docs/integrations/astro/index.mdx
+++ b/packages/docs/src/routes/docs/integrations/astro/index.mdx
@@ -108,7 +108,7 @@ In other UI frameworks, a hydration directive would be needed for interactivity,
 
 When using Qwik inside a meta framework like Astro or Qwik City, components are loaded on the server, prefetched in a separate thread, and "resumed" on the client.
 
-For example here's how we create a counter component in Qwik (e.g. at `src/components/counter.ts`).
+For example here's how we create a counter component in Qwik (e.g. at `src/components/counter.tsx`).
 
 ```tsx
 import { component$, useSignal } from "@builder.io/qwik";