code · pull · Aug 22, 2026 · Aug 22, 2026 · Aug 22, 2026
diff --git a/.oxfmtrc.json b/.oxfmtrc.json
@@ -3,6 +3,11 @@
   "singleQuote": true,
   "printWidth": 80,
   "sortPackageJson": false,
+  "sortImports": {
+    "groups": ["builtin", "external", "internal", "parent", "sibling", "index"],
+    "partitionByNewline": true,
+    "newlinesBetween": false
+  },
   "overrides": [
     {
       "files": ["**/*.json5"],

diff --git a/docs/.vitepress/buildEnd.config.ts b/docs/.vitepress/buildEnd.config.ts
@@ -1,5 +1,5 @@
-import path from 'node:path'
 import { writeFileSync } from 'node:fs'
+import path from 'node:path'
 import { Feed } from 'feed'
 import type { SiteConfig } from 'vitepress'
 import { createContentLoader } from 'vitepress'

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -1,16 +1,16 @@
 import path from 'node:path'
+import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
+import type { FooterLink } from '@voidzero-dev/vitepress-theme'
+import { extendConfig } from '@voidzero-dev/vitepress-theme/config'
+import { markdownItImageSize } from 'markdown-it-image-size'
 import type { HeadConfig } from 'vitepress'
 import { defineConfig } from 'vitepress'
-import { transformerTwoslash } from '@shikijs/vitepress-twoslash'
+import { graphvizMarkdownPlugin } from 'vitepress-plugin-graphviz'
 import {
   groupIconMdPlugin,
   groupIconVitePlugin,
 } from 'vitepress-plugin-group-icons'
-import { graphvizMarkdownPlugin } from 'vitepress-plugin-graphviz'
 import llmstxt from 'vitepress-plugin-llms'
-import { markdownItImageSize } from 'markdown-it-image-size'
-import { extendConfig } from '@voidzero-dev/vitepress-theme/config'
-import type { FooterLink } from '@voidzero-dev/vitepress-theme'
 import packageJson from '../../packages/vite/package.json' with { type: 'json' }
 import { buildEnd } from './buildEnd.config.ts'
 

diff --git a/docs/.vitepress/theme/components/AsideSponsors.vue b/docs/.vitepress/theme/components/AsideSponsors.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import {
   VPDocAsideSponsors,
   type Sponsors,
 } from '@voidzero-dev/vitepress-theme'
+import { computed } from 'vue'
 import { useSponsor } from '../composables/sponsor'
 
 const data = useSponsor()

diff --git a/docs/.vitepress/theme/components/TopBanner.vue b/docs/.vitepress/theme/components/TopBanner.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { computed, inject } from 'vue'
-import { useData } from 'vitepress'
 import { Icon } from '@iconify/vue'
 import {
   themeContextKey,
   type BannerConfig,
 } from '@voidzero-dev/vitepress-theme'
+import { useData } from 'vitepress'
+import { computed, inject } from 'vue'
 
 const { theme, frontmatter } = useData()
 

diff --git a/docs/.vitepress/theme/composables/sponsor.ts b/docs/.vitepress/theme/composables/sponsor.ts
@@ -1,5 +1,5 @@
-import { onMounted, ref } from 'vue'
 import type { Sponsor, SponsorTier } from '@voidzero-dev/vitepress-theme'
+import { onMounted, ref } from 'vue'
 
 interface Sponsors {
   main: Sponsor[]

diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -1,17 +1,17 @@
-import { h } from 'vue'
 import TwoslashFloatingVue from '@shikijs/vitepress-twoslash/client'
+import Theme from '@voidzero-dev/vitepress-theme/src/vite'
 import '@shikijs/vitepress-twoslash/style.css'
 import 'virtual:group-icons.css'
 import 'vitepress-plugin-graphviz/style.css'
-import Theme from '@voidzero-dev/vitepress-theme/src/vite'
+import { h } from 'vue'
 import './styles.css'
 
 // components
-import SvgImage from './components/SvgImage.vue'
-import YouTubeVideo from './components/YouTubeVideo.vue'
-import NonInheritBadge from './components/NonInheritBadge.vue'
 import AsideSponsors from './components/AsideSponsors.vue'
+import NonInheritBadge from './components/NonInheritBadge.vue'
 import ScrimbaLink from './components/ScrimbaLink.vue'
+import SvgImage from './components/SvgImage.vue'
+import YouTubeVideo from './components/YouTubeVideo.vue'
 
 export default {
   Layout() {

diff --git a/docs/.vitepress/theme/landing/FeatureGrid1.vue b/docs/.vitepress/theme/landing/FeatureGrid1.vue
@@ -1,6 +1,6 @@
 <script setup>
-import RiveAnimation from '@components/shared/RiveAnimation.vue'
 import viteAnimation from '@assets/vite/animations/563_x_420_rich_features.riv'
+import RiveAnimation from '@components/shared/RiveAnimation.vue'
 </script>
 
 <template>

diff --git a/docs/.vitepress/theme/landing/FeatureGrid2.vue b/docs/.vitepress/theme/landing/FeatureGrid2.vue
@@ -1,6 +1,6 @@
 <script setup>
-import RiveAnimation from '@components/shared/RiveAnimation.vue'
 import flexiblePluginAnimation from '@assets/vite/animations/640_x_300_flexible_plugin.riv'
+import RiveAnimation from '@components/shared/RiveAnimation.vue'
 </script>
 
 <template>

diff --git a/docs/.vitepress/theme/landing/Hero.vue b/docs/.vitepress/theme/landing/Hero.vue
@@ -1,6 +1,6 @@
 <script setup>
-import RiveAnimation from '@components/shared/RiveAnimation.vue'
 import CodeGroup from '@components/shared/CodeGroup.vue'
+import RiveAnimation from '@components/shared/RiveAnimation.vue'
 
 import viteAnimation from '@assets/vite/animations/641_x_629_vite_masthead.riv'
 

diff --git a/docs/.vitepress/theme/landing/Layout.vue b/docs/.vitepress/theme/landing/Layout.vue
@@ -1,17 +1,17 @@
 <script setup>
 // these components live in @voidzero-dev/vitepress-theme
-import { computed } from 'vue'
-import Hero from './Hero.vue'
-import ViteFeatureGrid1 from './FeatureGrid1.vue'
-import ViteFeatureGrid2 from './FeatureGrid2.vue'
-import ViteFrameworks from './Frameworks.vue'
-import ViteCommunity from './Community.vue'
-import TrustedBy from '@components/oss/TrustedBy.vue'
+import Footer from '@components/oss/Footer.vue'
 import HeadingSection from '@components/oss/HeadingSection.vue'
 import Sponsors from '@components/oss/Sponsors.vue'
+import TrustedBy from '@components/oss/TrustedBy.vue'
 import Spacer from '@components/shared/Spacer.vue'
-import Footer from '@components/oss/Footer.vue'
+import { computed } from 'vue'
 import { useSponsor } from '../composables/sponsor'
+import ViteCommunity from './Community.vue'
+import ViteFeatureGrid1 from './FeatureGrid1.vue'
+import ViteFeatureGrid2 from './FeatureGrid2.vue'
+import ViteFrameworks from './Frameworks.vue'
+import Hero from './Hero.vue'
 
 const data = useSponsor()
 

diff --git a/docs/.vitepress/theme/live/Layout.vue b/docs/.vitepress/theme/live/Layout.vue
@@ -1,10 +1,10 @@
 <script setup>
+import Footer from '@components/oss/Footer.vue'
+import Events from './Events.vue'
 import Hero from './Hero.vue'
-import Timer from './Timer.vue'
 import TimeoutSwitcher from './TimeoutSwitcher.vue'
+import Timer from './Timer.vue'
 import VideoIframe from './VideoIframe.vue'
-import Events from './Events.vue'
-import Footer from '@components/oss/Footer.vue'
 const startTime = '2026-03-19T15:00:00.000Z'
 </script>
 

diff --git a/docs/.vitepress/theme/live/VideoIframe.vue b/docs/.vitepress/theme/live/VideoIframe.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import Header from '@components/oss/Header.vue'
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useYoutubePlayer } from './useYoutubePlayer'
 
 const props = defineProps({

diff --git a/eslint.config.js b/eslint.config.js
@@ -1,11 +1,11 @@
 // @ts-check
 import eslint from '@eslint/js'
-import pluginN from 'eslint-plugin-n'
 import pluginImportX from 'eslint-plugin-import-x'
+import pluginN from 'eslint-plugin-n'
 import pluginRegExp from 'eslint-plugin-regexp'
-import tseslint from 'typescript-eslint'
 import { defineConfig } from 'eslint/config'
 import globals from 'globals'
+import tseslint from 'typescript-eslint'
 
 // Some rules work better with typechecking enabled, but as enabling it is slow,
 // we only do so when linting in IDEs for now. If you want to lint with typechecking
@@ -149,19 +149,6 @@ export default defineConfig(
       '@typescript-eslint/unbound-method': 'off',
 
       'import-x/no-duplicates': 'error',
-      'import-x/order': [
-        'error',
-        {
-          groups: [
-            'builtin',
-            'external',
-            'internal',
-            'parent',
-            'sibling',
-            'index',
-          ],
-        },
-      ],
 
       'regexp/prefer-regexp-exec': 'error',
       'regexp/prefer-regexp-test': 'error',

diff --git a/packages/create-vite/src/index.ts b/packages/create-vite/src/index.ts
@@ -1,12 +1,12 @@
+import type { SpawnOptions } from 'node:child_process'
 import fs from 'node:fs'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
 import util from 'node:util'
-import type { SpawnOptions } from 'node:child_process'
-import spawn from 'cross-spawn'
-import mri from 'mri'
 import * as prompts from '@clack/prompts'
 import { determineAgent } from '@vercel/detect-agent'
+import spawn from 'cross-spawn'
+import mri from 'mri'
 
 const {
   blue,

diff --git a/packages/create-vite/template-lit-ts/src/my-element.ts b/packages/create-vite/template-lit-ts/src/my-element.ts
@@ -1,8 +1,8 @@
 import { LitElement, css, html } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
+import heroImg from './assets/hero.png'
 import litLogo from './assets/lit.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 
 /**
  * An example element.

diff --git a/packages/create-vite/template-lit/src/my-element.js b/packages/create-vite/template-lit/src/my-element.js
@@ -1,7 +1,7 @@
 import { LitElement, css, html } from 'lit'
+import heroImg from './assets/hero.png'
 import litLogo from './assets/lit.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 
 /**
  * An example element.

diff --git a/packages/create-vite/template-preact-ts/src/app.tsx b/packages/create-vite/template-preact-ts/src/app.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'preact/hooks'
+import heroImg from './assets/hero.png'
 import preactLogo from './assets/preact.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import './app.css'
 
 export function App() {

diff --git a/packages/create-vite/template-preact-ts/vite.config.ts b/packages/create-vite/template-preact-ts/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import preact from '@preact/preset-vite'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({

diff --git a/packages/create-vite/template-preact/src/app.jsx b/packages/create-vite/template-preact/src/app.jsx
@@ -1,7 +1,7 @@
 import { useState } from 'preact/hooks'
+import heroImg from './assets/hero.png'
 import preactLogo from './assets/preact.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import './app.css'
 
 export function App() {

diff --git a/packages/create-vite/template-preact/vite.config.js b/packages/create-vite/template-preact/vite.config.js
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import preact from '@preact/preset-vite'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({

diff --git a/packages/create-vite/template-qwik-ts/src/app.tsx b/packages/create-vite/template-qwik-ts/src/app.tsx
@@ -1,8 +1,8 @@
 import { component$, useSignal } from '@builder.io/qwik'
 
+import heroImg from './assets/hero.png'
 import qwikLogo from './assets/qwik.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import './app.css'
 
 export const App = component$(() => {

diff --git a/packages/create-vite/template-qwik-ts/vite.config.ts b/packages/create-vite/template-qwik-ts/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import { qwikVite } from '@builder.io/qwik/optimizer'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({

diff --git a/packages/create-vite/template-qwik/src/app.jsx b/packages/create-vite/template-qwik/src/app.jsx
@@ -1,8 +1,8 @@
 import { component$, useSignal } from '@builder.io/qwik'
 
+import heroImg from './assets/hero.png'
 import qwikLogo from './assets/qwik.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import './app.css'
 
 export const App = component$(() => {

diff --git a/packages/create-vite/template-qwik/vite.config.js b/packages/create-vite/template-qwik/vite.config.js
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import { qwikVite } from '@builder.io/qwik/optimizer'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({

diff --git a/packages/create-vite/template-react-ts/src/App.tsx b/packages/create-vite/template-react-ts/src/App.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react'
+import heroImg from './assets/hero.png'
 import reactLogo from './assets/react.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import './App.css'
 
 function App() {

diff --git a/packages/create-vite/template-react-ts/vite.config.ts b/packages/create-vite/template-react-ts/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({

diff --git a/packages/create-vite/template-react/src/App.jsx b/packages/create-vite/template-react/src/App.jsx
@@ -1,7 +1,7 @@
 import { useState } from 'react'
+import heroImg from './assets/hero.png'
 import reactLogo from './assets/react.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import './App.css'
 
 function App() {

diff --git a/packages/create-vite/template-react/vite.config.js b/packages/create-vite/template-react/vite.config.js
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({

diff --git a/packages/create-vite/template-solid-ts/src/App.tsx b/packages/create-vite/template-solid-ts/src/App.tsx
@@ -1,7 +1,7 @@
 import { createSignal } from 'solid-js'
+import heroImg from './assets/hero.png'
 import solidLogo from './assets/solid.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import './App.css'
 
 function App() {

diff --git a/packages/create-vite/template-solid/src/App.jsx b/packages/create-vite/template-solid/src/App.jsx
@@ -1,7 +1,7 @@
 import { createSignal } from 'solid-js'
+import heroImg from './assets/hero.png'
 import solidLogo from './assets/solid.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import './App.css'
 
 function App() {

diff --git a/packages/create-vite/template-svelte-ts/vite.config.ts b/packages/create-vite/template-svelte-ts/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({

diff --git a/packages/create-vite/template-svelte/vite.config.js b/packages/create-vite/template-svelte/vite.config.js
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({

diff --git a/packages/create-vite/template-vanilla-ts/src/main.ts b/packages/create-vite/template-vanilla-ts/src/main.ts
@@ -1,7 +1,7 @@
 import './style.css'
+import heroImg from './assets/hero.png'
 import typescriptLogo from './assets/typescript.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import { setupCounter } from './counter.ts'
 
 document.querySelector<HTMLDivElement>('#app')!.innerHTML = `

diff --git a/packages/create-vite/template-vanilla/src/main.js b/packages/create-vite/template-vanilla/src/main.js
@@ -1,7 +1,7 @@
 import './style.css'
+import heroImg from './assets/hero.png'
 import javascriptLogo from './assets/javascript.svg'
 import viteLogo from './assets/vite.svg'
-import heroImg from './assets/hero.png'
 import { setupCounter } from './counter.js'
 
 document.querySelector('#app').innerHTML = `

diff --git a/packages/create-vite/template-vue-ts/src/components/HelloWorld.vue b/packages/create-vite/template-vue-ts/src/components/HelloWorld.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import viteLogo from '../assets/vite.svg'
 import heroImg from '../assets/hero.png'
+import viteLogo from '../assets/vite.svg'
 import vueLogo from '../assets/vue.svg'
 
 const count = ref(0)