chore: Merge with latest main

Author: daffl

app/components/FooterMain.vue

@@ -3,7 +3,7 @@ const { data: products } = await useAsyncData(() => queryCollection('products').
 </script>
 
 <template>
-  <div class="bg-[#251938] pb-32">
+  <div class="bg-[#251938]">
     <div class="flex items-center justify-center py-8">
       <Logo />
     </div>

app/components/Hero/HeroProduct.vue

@@ -22,9 +22,14 @@ defineProps<{
           {{ product.longDescription }}
         </Text>
 
-        <NuxtLink :to="`${product.link}/docs`" class="btn btn-xl bg-primary-content text-neutral hover:bg-primary-content/80">
-          Get Started
-        </NuxtLink>
+        <div class="flex gap-4">
+          <NuxtLink v-if="product.link" :to="product.link" class="btn btn-lg bg-primary-content text-neutral hover:bg-primary-content/80">
+            Get Started
+          </NuxtLink>
+          <NuxtLink v-if="product.meta.docLink" :to="product.meta.docLink" class="btn btn-lg bg-neutral">
+            Documentation
+          </NuxtLink>
+        </div>
       </Flex>
 
       <Flex class="relative flex-1">

app/components/content/ProseCode.vue

@@ -74,9 +74,13 @@ useSeoMeta({
     </Titles>
     <Flex row items-center class="mb-12 gap-6">
       <img
-        src="https://imagedelivery.net/9JPgw8SmnowT-UlbCrbUxw/30aef796-4df0-421c-a129-053a06d6f400/publichd"
-        alt="Customize your Login page theme"
-        class="rounded-xl border-12 border-solid border-white/10 shadow-xl mt-8"
+        src="https://imagedelivery.net/9JPgw8SmnowT-UlbCrbUxw/6db9ed55-a009-428b-aa38-8bf7697bac00/public"
+        alt="A login page"
+      />
+      <img
+        src="https://imagedelivery.net/9JPgw8SmnowT-UlbCrbUxw/1a3bae7c-1a14-4f62-575f-de527fad4e00/public"
+        alt="The theme editor"
+        class="rounded-xl"
       />
     </Flex>
 
@@ -86,7 +90,7 @@ useSeoMeta({
       class="mt-36 mb-6"
     />
     <Flex row items-center class="mb-12 gap-6">
-      <img src="https://imagedelivery.net/9JPgw8SmnowT-UlbCrbUxw/71ddf09c-4fad-4f64-edb4-1de12e610c00/publichd"
+      <img src="https://imagedelivery.net/9JPgw8SmnowT-UlbCrbUxw/6e3999af-7414-4352-4453-5bd8f5d78100/public"
         alt="Feathers Dashboard" class="rounded-xl border-12 border-solid border-white/10 shadow-xl mt-8">
     </Flex>
 

app/pages/auth/index.vue

@@ -14,6 +14,7 @@ export const productSchema = z.object({
   meta: z.object({
     iconImage: z.optional(z.string()),
     birdImage: z.string(),
+    docLink: z.optional(z.string()),
     planetImage: z.string(),
     menuDescription: z.string()
   })

content.config.schema.ts

@@ -1 +1,49 @@
-# Data sync
+# Automerge
+
+[Automerge](https://automerge.org) is a conflict-free replicated data type (CRDT) that is used to synchronize data between devices. Each feathers.dev application has an Automerge document that is can be used to store data that is synchronize in real-time between users. The `@feathersdev/automerge` package contains the Automerge integration for feathers.dev applications.
+
+## Usage
+
+```ts
+import { createAutomerge, DocHandle } from '@feathersdev/automerge'
+import { auth } from './auth.js'
+
+/**
+ * The Feathers Automerge client. Use it to retrieve the document
+ * for your application with `automerge.find()`.
+ */
+export const automerge = createAutomerge(auth)
+
+/**
+ * Add types for any data you want to store for your application
+ */
+export interface AppData {
+  counter: number
+}
+
+/**
+ * The document handle type for the application
+ */
+export type AppDocumentHandle = DocHandle<AppData>
+
+/**
+ * Load the document for the application
+ */
+export async function loadAppDocument(): Promise<AppDocumentHandle> {
+  return automerge.find<AppData>()
+}
+```
+
+## Package managers
+
+Automerge is a Webassembly module and the package manager needs to be configured to handle it. Here is an example for Vite:
+
+```ts
+import { defineConfig } from 'vite'
+import wasm from 'vite-plugin-wasm'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [wasm()],
+})
+```

content/auth/docs/data/index.md

@@ -5,50 +5,18 @@ outline: deep
 
 # Feathers Auth
 
-Feathers Auth adds secure and scalable user authentication to any web application. It works with any frontend framework and with NodeJS, Cloudflare Workers, Deno or Bun and even on websites with no server at all.
-
-## How it works
-
-While Feathers Auth looks similar to traditional identity providers by letting users log in through a login page, it works a little different under the hood. Instead of oAuth flows and shared secrets, it uses cryptographic keys that are securely stored on each device and links them to a user identity.
-
-The only thing needed to verify a user identity is the public application identifier. It is self contained and requires no backend, secrets or additional server requests. It even works offline.
+Feathers Auth adds secure and scalable user authentication to any web application. It works with any frontend framework and with NodeJS, Cloudflare Workers, Deno or Bun and even on websites with no backend at all. It also comes with an offline-first data synchronization features that lets you create real-time web applications without a server.
 
 ## Setting up
 
-Go to [app.feathers.dev](https://app.feathers.dev) and sign up for an account. Create an organization and an application. Then, on your new application page, click the link for the web framework or server platform you want to integrate.
-
-### Example
-
-To create a fully working example application with a React, Vue or Svelte frontend and any of the supported backend platforms run:
+To get started, go to [app.feathers.dev](https://app.feathers.dev) and sign up for an account. Create an organization and an application. Then, on your new application page, click the link for the web framework or server platform you want to integrate. You can also edit the theme of your login page to match your brand.
 
-```sh
-npx @featherscloud/cli example
-```
+Here is the login page for our offline-first chat application:
 
-### Integration
+<img src="/img/feathers-chat-login.png" alt="Feathers Chat login" width="60%" />
 
-To integrate Cloud auth into an existing application run
-
-```sh
-npx @featherscloud/cli integrate
-```
-
-### Without the CLI
-
-If you don't like using the CLI tool, you can also sign up at [app.feathers.dev](https://app.feathers.dev), create an organization and application and then use the code examples in this documentation.
-
-## What's next?
-
-Feathers Auth comes in two parts:
+## How it works
 
-1. The client that is integrated into your web application and is used to manage user identities, login page redirects and getting a valid access token to make requests to the backend. General integration details for any framework can be found on the [client page](./client/index.md) and there are also examples how this integration can be used with
-   - [React](./client/react.md)
-   - [VueJS](./client/vue.md)
-   - [Svelte](./client/svelte.md)
-2. The backend platform integration that verifies the access token in requests from the web application. General information can be found in the [platforms page](./platforms/index.md) and a complete example for each platform at
-   - [NodeJS](./platforms/nodejs.md)
-   - [Deno](./platforms/deno.md)
-   - [Bun](./platforms/bun.md)
-   - [Cloudflare Workers](./platforms/cloudflare.md)
+While Feathers Auth looks similar to traditional identity providers by letting users log in through a login page, it works a little different under the hood. Instead of oAuth flows and shared secrets, it uses cryptographic keys that are securely stored on each device and links them to a user identity.
 
-Also have a look at the [pricing page](./pricing.md) and [API documentation](./api.md).
+The only thing needed to verify a user identity is the public application identifier. It is self contained and requires no backend, secrets or additional server requests. It even works offline.

content/auth/docs/index.md

@@ -1,8 +1,3 @@
-<script setup lang="ts">
-import CTAButton from '../components/CTAButton.vue'
-import Pricing from '../components/Pricing.vue'
-</script>
-
 # Pricing
 
 Cloud Auth is billed on a tokens-per-month basis. A token is normally issued per user and valid for the next day.

content/auth/docs/pricing.md

@@ -3,7 +3,7 @@
 The [Bun JavaScript runtime](https://bun.sh/) can run a web standard HTTP server with Cloud Auth like this.
 
 ```sh
-npm create feathersdev@latest server --platform bun --app-id "<your-app-id>"
+npm create feathersdev@latest server -- --platform bun --app-id "<your-app-id>"
 ```
 
 ## Verifier

content/auth/docs/server/bun.md

@@ -10,10 +10,6 @@
           "title": "Setting up",
           "path": "/auth/docs/"
         },
-        {
-          "title": "Overview",
-          "path": "/auth/docs/guide"
-        },
         {
           "title": "React",
           "path": "/auth/docs/guide/react"
@@ -38,7 +34,7 @@
       "iconClasses": "text-neutral-content text-lg",
       "children": [
         {
-          "title": "Overview",
+          "title": "Automerge",
           "path": "/auth/docs/data"
         }
       ]
@@ -48,10 +44,6 @@
       "icon": "lucide:server",
       "iconClasses": "text-secondary text-lg",
       "children": [
-        {
-          "title": "Overview",
-          "path": "/auth/docs/server"
-        },
         {
           "title": "Node.js",
           "path": "/auth/docs/server/nodejs"