From 1372c3137ae81d54c82e5b74f086b90b109d2c96 Mon Sep 17 00:00:00 2001
From: Simon Mitternacht <simon.mitternacht@gmail.com>
Date: Tue, 27 Feb 2024 07:24:51 +0100
Subject: [PATCH 1/3] Add missing server$ import in Getting started example

---
 .../src/routes/docs/(qwik)/getting-started/index.mdx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx b/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx
index 4a25eb43794..677b6624c57 100644
--- a/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx
+++ b/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx
@@ -331,9 +331,17 @@ export default component$(() => {
 
 In Qwik, a [task](/docs/components/tasks/#usetask) is work that needs to happen when a state changes. (This is similar to an "effect" in other frameworks.) In this example, we use the task to invoke code on the server.
 
-1. Import `useTask$` from `qwik`.
-   ```tsx /useTask$/
+1. Import `useTask$` from `qwik` and `$server` from `qwik-city.
+   ```tsx /useTask$/ /$server/
    import { component$, useSignal, useTask$ } from "@builder.io/qwik";
+   import {
+     routeLoader$,
+     Form,
+     routeAction$,
+     server$,
+   } from '@builder.io/qwik-city';
+   ```
+
 2. Create a new task that tracks the `isFavoriteSignal` state:
    ```tsx /useTask\$/
    useTask$(({ track }) => {});

From 743ab421341e85aa883acaf6e261be1bcf3586dc Mon Sep 17 00:00:00 2001
From: Simon Mitternacht <simon.mitternacht@nrk.no>
Date: Tue, 27 Feb 2024 07:43:10 +0100
Subject: [PATCH 2/3] Fix $ escaping.

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

diff --git a/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx b/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx
index 677b6624c57..37c61d8f781 100644
--- a/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx
+++ b/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx
@@ -332,7 +332,7 @@ export default component$(() => {
 In Qwik, a [task](/docs/components/tasks/#usetask) is work that needs to happen when a state changes. (This is similar to an "effect" in other frameworks.) In this example, we use the task to invoke code on the server.
 
 1. Import `useTask$` from `qwik` and `$server` from `qwik-city.
-   ```tsx /useTask$/ /$server/
+   ```tsx /useTask\$/ /\$server/
    import { component$, useSignal, useTask$ } from "@builder.io/qwik";
    import {
      routeLoader$,

From 00bee3dffa9ef19fd87e74aad2f68a0fd56a05b4 Mon Sep 17 00:00:00 2001
From: Simon Mitternacht <simon.mitternacht@nrk.no>
Date: Tue, 27 Feb 2024 07:52:07 +0100
Subject: [PATCH 3/3] Fix typo.

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

diff --git a/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx b/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx
index 37c61d8f781..5d49d0336b6 100644
--- a/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx
+++ b/packages/docs/src/routes/docs/(qwik)/getting-started/index.mdx
@@ -331,7 +331,7 @@ export default component$(() => {
 
 In Qwik, a [task](/docs/components/tasks/#usetask) is work that needs to happen when a state changes. (This is similar to an "effect" in other frameworks.) In this example, we use the task to invoke code on the server.
 
-1. Import `useTask$` from `qwik` and `$server` from `qwik-city.
+1. Import `useTask$` from `qwik` and `$server` from `qwik-city`.
    ```tsx /useTask\$/ /\$server/
    import { component$, useSignal, useTask$ } from "@builder.io/qwik";
    import {