feat: move support packages to @void

Author: yyx990803

.github/workflows/publish.yml

@@ -27,19 +27,22 @@ jobs:
       - run: pnpm install --frozen-lockfile
       - run: pnpm -r build
 
-      # Publish in dependency order: void first, then adapters
+      # Publish in dependency order: void first, then support packages
       - run: pnpm -F void publish --provenance --access public --no-git-checks
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-      - run: pnpm -F @void-x/react publish --provenance --access public --no-git-checks
+      - run: pnpm -F @void/md publish --provenance --access public --no-git-checks
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-      - run: pnpm -F @void-x/vue publish --provenance --access public --no-git-checks
+      - run: pnpm -F @void/react publish --provenance --access public --no-git-checks
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-      - run: pnpm -F @void-x/svelte publish --provenance --access public --no-git-checks
+      - run: pnpm -F @void/vue publish --provenance --access public --no-git-checks
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-      - run: pnpm -F @void-x/solid publish --provenance --access public --no-git-checks
+      - run: pnpm -F @void/svelte publish --provenance --access public --no-git-checks
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - run: pnpm -F @void/solid publish --provenance --access public --no-git-checks
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

CLAUDE.md

@@ -51,15 +51,15 @@ pnpm -C packages/vue typecheck      # Typecheck a specific package
 
 pnpm workspaces. Shared dependency versions use the **pnpm catalog** in `pnpm-workspace.yaml` (typescript, tsdown, vite, @cloudflare/workers-types, wrangler). Make sure to run `pnpm install` after making package structure changes.
 
-| Package                                          | npm name         | Purpose                                                        |
-| ------------------------------------------------ | ---------------- | -------------------------------------------------------------- |
-| [`packages/void`](./packages/void/AGENTS.md)     | `void`           | Core Vite plugin — routing, inference, migrations, CLI         |
-| [`packages/react`](./packages/react/README.md)   | `@void-x/react`  | React framework adapter for Pages mode (SSR, Link, useForm)    |
-| [`packages/vue`](./packages/vue/README.md)       | `@void-x/vue`    | Vue framework adapter for Pages mode (SSR, Link, useForm)      |
-| [`packages/svelte`](./packages/svelte/README.md) | `@void-x/svelte` | Svelte 5 framework adapter for Pages mode (SSR, Link, useForm) |
-| [`packages/solid`](./packages/solid/README.md)   | `@void-x/solid`  | SolidJS framework adapter for Pages mode (SSR, Link, useForm)  |
-| [`docs`](./docs)                                 | (private)        | Documentation site (VitePress)                                 |
-| `playground/*`                                   | (private)        | local apps for testing                                         |
+| Package                                          | npm name       | Purpose                                                        |
+| ------------------------------------------------ | -------------- | -------------------------------------------------------------- |
+| [`packages/void`](./packages/void/AGENTS.md)     | `void`         | Core Vite plugin — routing, inference, migrations, CLI         |
+| [`packages/react`](./packages/react/README.md)   | `@void/react`  | React framework adapter for Pages mode (SSR, Link, useForm)    |
+| [`packages/vue`](./packages/vue/README.md)       | `@void/vue`    | Vue framework adapter for Pages mode (SSR, Link, useForm)      |
+| [`packages/svelte`](./packages/svelte/README.md) | `@void/svelte` | Svelte 5 framework adapter for Pages mode (SSR, Link, useForm) |
+| [`packages/solid`](./packages/solid/README.md)   | `@void/solid`  | SolidJS framework adapter for Pages mode (SSR, Link, useForm)  |
+| [`docs`](./docs)                                 | (private)      | Documentation site (VitePress)                                 |
+| `playground/*`                                   | (private)      | local apps for testing                                         |
 
 ## `void` Overview
 
@@ -94,32 +94,32 @@ See [`packages/void/AGENTS.md`](./packages/void/AGENTS.md) for architecture, sou
 
 **Note:** `packages/void/skills/void/docs` is ignored from git and is auto copied during build. Ignore files in this directory.
 
-## `@void-x/vue` Overview
+## `@void/vue` Overview
 
 Vue framework adapter for Pages mode — Inertia-inspired full-stack DX with SSR.
 
-- **Plugin** (`@void-x/vue`): `voidVue()` — compiles Vue SFCs, generates SSR + client hydration entries
-- **Runtime** (`void/vue`): `Link`, `useForm`, `useShared` composables
+- **Plugin** (`@void/vue/plugin`): `voidVue()` — compiles Vue SFCs, generates SSR + client hydration entries
+- **Runtime** (`@void/vue`): `Link`, `useForm`, `useShared` composables
 - **Server handlers**: Remix-style `loader` (GET → props) and `action` (mutations) exports in companion `.server.ts` files
 
 See [`packages/vue/README.md`](./packages/vue/README.md) for architecture.
 
-## `@void-x/svelte` Overview
+## `@void/svelte` Overview
 
 Svelte 5 framework adapter for Pages mode — same Inertia-inspired DX as Vue/React.
 
-- **Plugin** (`@void-x/svelte`): `voidSvelte()` — wraps `@sveltejs/vite-plugin-svelte`, generates SSR + client hydration entries
-- **Runtime** (`void/svelte`): `Link`, `useForm`, `useShared`, `useRouter` — uses Svelte 5 runes (`$state`, `$derived`) and `getContext`
+- **Plugin** (`@void/svelte/plugin`): `voidSvelte()` — wraps `@sveltejs/vite-plugin-svelte`, generates SSR + client hydration entries
+- **Runtime** (`@void/svelte`): `Link`, `useForm`, `useShared`, `useRouter` — uses Svelte 5 runes (`$state`, `$derived`) and `getContext`
 - **Server handlers**: companion `.server.ts` files with `loader` and `action` exports (same as React adapter)
 
 See [`packages/svelte/README.md`](./packages/svelte/README.md) for details.
 
-## `@void-x/solid` Overview
+## `@void/solid` Overview
 
 SolidJS framework adapter for Pages mode — same Inertia-inspired DX as Vue/React/Svelte.
 
-- **Plugin** (`@void-x/solid`): `voidSolid()` — wraps `vite-plugin-solid`, generates SSR + client hydration entries
-- **Runtime** (`void/solid`): `Link`, `useForm`, `useShared`, `useRouter` — uses Solid signals (`createSignal`, `createStore`) and `createContext`/`useContext`
+- **Plugin** (`@void/solid/plugin`): `voidSolid()` — wraps `vite-plugin-solid`, generates SSR + client hydration entries
+- **Runtime** (`@void/solid`): `Link`, `useForm`, `useShared`, `useRouter` — uses Solid signals (`createSignal`, `createStore`) and `createContext`/`useContext`
 - **Server handlers**: companion `.server.ts` files with `loader` and `action` exports (same as React/Svelte adapter)
 
 See [`packages/solid/README.md`](./packages/solid/README.md) for details.

docs/guide/pages-routing/actions-and-forms.md

@@ -105,7 +105,7 @@ Then, use `useForm` in the page component to submit to this action:
 
 ```tsx [React]
 // pages/users/create.tsx
-import { useForm } from "void/react";
+import { useForm } from "@void/react";
 
 export default function CreateUser() {
   // "/users/create" autocompletes; { name, email } is typed from the action's validator
@@ -133,7 +133,7 @@ export default function CreateUser() {
 ```vue [Vue]
 <!-- pages/users/create.vue -->
 <script setup lang="ts">
-import { useForm } from "void/vue";
+import { useForm } from "@void/vue";
 
 // "/users/create" autocompletes; { name, email } is typed from the action's validator
 const form = useForm("/users/create", { name: "", email: "" });
@@ -155,7 +155,7 @@ const form = useForm("/users/create", { name: "", email: "" });
 ```svelte [Svelte]
 <!-- pages/users/create.svelte -->
 <script>
-  import { useForm } from "void/svelte";
+  import { useForm } from "@void/svelte";
 
   // "/users/create" autocompletes; { name, email } is typed from the action's validator
   const form = useForm("/users/create", { name: "", email: "" });
@@ -174,7 +174,7 @@ const form = useForm("/users/create", { name: "", email: "" });
 
 ```tsx [Solid]
 // pages/users/create.tsx
-import { useForm } from "void/solid";
+import { useForm } from "@void/solid";
 
 export default function CreateUser() {
   // "/users/create" autocompletes; { name, email } is typed from the action's validator
@@ -243,7 +243,7 @@ The URL, body fields, and error keys are all typed per-action — each named act
 For one-shot mutations that don't need form state (dirty tracking, reset, field-level errors), use `action()` instead of `useForm`. It sends a request to a page action and triggers an Inertia page update, just like `useForm` — but without the reactive form object:
 
 ```ts
-import { useForm, action } from "void/react"; // or "void/vue", "void/svelte", "void/solid"
+import { useForm, action } from "@void/react"; // or "@void/vue", "@void/svelte", "@void/solid"
 
 // Form with state + Inertia page update
 const form = useForm("/?create-user", { name: "", email: "" });
@@ -281,7 +281,7 @@ Or use `withValidator()` for automatic schema-based validation — errors are re
 ::: code-group
 
 ```tsx [React]
-import { useForm } from "void/react";
+import { useForm } from "@void/react";
 import { useRef } from "react";
 
 export default function Upload() {
@@ -310,7 +310,7 @@ export default function Upload() {
 ```vue [Vue]
 <script setup lang="ts">
 import { ref } from "vue";
-import { useForm } from "void/vue";
+import { useForm } from "@void/vue";
 
 const form = useForm("/photos", { title: "", photo: null as File | null });
 const fileInput = ref<HTMLInputElement>();
@@ -331,7 +331,7 @@ function onFileChange() {
 
 ```svelte [Svelte]
 <script>
-  import { useForm } from "void/svelte";
+  import { useForm } from "@void/svelte";
 
   const form = useForm("/photos", { title: "", photo: null });
 </script>
@@ -344,7 +344,7 @@ function onFileChange() {
 ```
 
 ```tsx [Solid]
-import { useForm } from "void/solid";
+import { useForm } from "@void/solid";
 
 export default function Upload() {
   const form = useForm("/photos", { title: "", photo: null as File | null });

docs/guide/pages-routing/islands.md

@@ -223,7 +223,7 @@ Island pages cannot use `useForm` (which depends on the client-side router). Use
 ::: code-group
 
 ```tsx [React]
-import { useIslandForm } from "void/react";
+import { useIslandForm } from "@void/react";
 
 export default function PostForm() {
   const form = useIslandForm({ title: "", body: "" });
@@ -259,7 +259,7 @@ export default function PostForm() {
 
 ```vue [Vue]
 <script setup>
-import { useIslandForm } from "void/vue";
+import { useIslandForm } from "@void/vue";
 
 const form = useIslandForm({ title: "", body: "" });
 
@@ -287,7 +287,7 @@ function submit() {
 
 ```svelte [Svelte]
 <script>
-import { useIslandForm } from "void/svelte";
+import { useIslandForm } from "@void/svelte";
 
 const form = useIslandForm({ title: "", body: "" });
 
@@ -312,7 +312,7 @@ function submit() {
 ```
 
 ```tsx [Solid]
-import { useIslandForm } from "void/solid";
+import { useIslandForm } from "@void/solid";
 import { Show } from "solid-js";
 
 export default function PostForm() {

docs/guide/pages-routing/layouts.md

@@ -89,7 +89,7 @@ Place a layout file in any `pages/` directory to wrap all pages in that subtree:
 
 ```tsx [React]
 // pages/layout.tsx
-import { useShared, Link } from "void/react";
+import { useShared, Link } from "@void/react";
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   const { auth } = useShared();
@@ -109,7 +109,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 ```vue [Vue]
 <!-- pages/layout.vue -->
 <script setup lang="ts">
-import { useShared, Link } from "void/vue";
+import { useShared, Link } from "@void/vue";
 const { auth } = useShared();
 </script>
 
@@ -128,7 +128,7 @@ const { auth } = useShared();
 ```svelte [Svelte]
 <!-- pages/layout.svelte -->
 <script>
-  import { useShared, Link } from "void/svelte";
+  import { useShared, Link } from "@void/svelte";
   let { children } = $props();
   const { auth } = useShared();
 </script>
@@ -145,7 +145,7 @@ const { auth } = useShared();
 
 ```tsx [Solid]
 // pages/layout.tsx
-import { useShared, Link } from "void/solid";
+import { useShared, Link } from "@void/solid";
 import type { JSX } from "solid-js";
 
 export default function Layout(props: { children: JSX.Element }) {
@@ -326,7 +326,7 @@ Access it on the client with `useShared()` — the return type is inferred from
 ::: code-group
 
 ```tsx [React]
-import { useShared } from "void/react";
+import { useShared } from "@void/react";
 
 export default function Page() {
   const { auth } = useShared(); // { auth: { user: { name: string } | null } }
@@ -336,20 +336,20 @@ export default function Page() {
 
 ```vue [Vue]
 <script setup lang="ts">
-import { useShared } from "void/vue";
+import { useShared } from "@void/vue";
 const { auth } = useShared(); // { auth: { user: { name: string } | null } }
 </script>
 ```
 
 ```svelte [Svelte]
 <script>
-  import { useShared } from "void/svelte";
+  import { useShared } from "@void/svelte";
   const { auth } = useShared(); // { auth: { user: { name: string } | null } }
 </script>
 ```
 
 ```tsx [Solid]
-import { useShared } from "void/solid";
+import { useShared } from "@void/solid";
 
 export default function Page() {
   const shared = useShared(); // { auth: { user: { name: string } | null } }