Migrate all starter kits to Vite+#60
Draft
WendellAdriel wants to merge 14 commits intomainfrom
Draft
Conversation
b885f48 to
8b0c16e
Compare
Replace ESLint, Prettier, and their plugins with vite-plus which provides unified linting (Oxlint), formatting (Oxfmt), and type checking (tsgolint) via a single `vp check` command. - Switch vite.config.ts defineConfig import to vite-plus - Add lint and fmt configuration blocks to vite.config.ts - Replace ~13 ESLint/Prettier devDependencies with vite-plus - Consolidate scripts to check/check:fix while keeping types:check - Remove eslint.config.js, .prettierrc, and .prettierignore - Remove baseUrl from tsconfig.json (flagged by tsgolint)
Replace ESLint, Prettier, and their plugins with vite-plus which provides unified linting (Oxlint), formatting (Oxfmt), and type checking (tsgolint) via a single `vp check` command. - Switch vite.config.ts defineConfig import to vite-plus - Add lint and fmt configuration blocks to vite.config.ts - Replace ESLint/Prettier devDependencies with vite-plus - Consolidate scripts to check/check:fix while keeping types:check - Remove eslint.config.js and .prettierrc
Replace ESLint, Prettier, and their plugins with vite-plus which provides unified linting (Oxlint), formatting (Oxfmt), and type checking (tsgolint) via a single `vp check` command. - Switch vite.config.ts defineConfig import to vite-plus - Add lint and fmt configuration blocks to vite.config.ts - Replace ESLint/Prettier devDependencies with vite-plus - Consolidate scripts to check/check:fix while keeping types:check - Remove eslint.config.js
Switch vite.config.js defineConfig import to vite-plus and add vite-plus as a dependency. Livewire kits only use vp dev/build with no frontend static checks.
Replace the three separate npm scripts (lint:check, format:check, types:check) with npm run check (vp check) followed by npm run types:check for framework-specific type verification via tsc, vue-tsc, or svelte-check.
Replace separate lint and format passes with a single check:fix pass that runs vp check --fix (Oxlint + Oxfmt in one step).
Set printWidth: 80, tabWidth: 4, and add fmt ignorePatterns for UI components, mail views, and GitHub workflows to match the old .prettierrc and .prettierignore behavior. Enable Tailwind class sorting and import sorting without newlines between groups.
Automated Tailwind class ordering applied by the Vite+ formatter (Oxfmt sortTailwindcss) to match the canonical class sort order.
Automated Tailwind class ordering applied by the Vite+ formatter (Oxfmt sortTailwindcss) to match the canonical class sort order.
With plugin-react v6, Babel support is provided via @rolldown/plugin-babel instead of the built-in babel option. Updates the vite config to use reactCompilerPreset() from the new package.
8b0c16e to
e0c91d0
Compare
|
The Format Frontend and Lint Frontend steps in the Inertia kits' |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
lint,fmt, andcheckconfiguration invite.config.ts@vitejs/plugin-reactv6 with@rolldown/plugin-babelfor React Compiler supportlint-kitsandci:checkscripts to use the unifiedvp checkcommandBenchmark: Vite Plus vs Main
Comparison of
npm run buildandnpm run checkperformance betweenfeat/vite-plus(Vite Plus) andmain(Vite + ESLint + Prettier).Per Variant
Per Stack
Overall
Build Overhead Analysis
The build slowdown is not caused by Vite itself being slower. It is a fixed startup overhead from the
vpCLI wrapper. An isolated test on the same project (Vue Blank, feat/vite-plus branch) runningvp buildvsvite builddirectly confirms this:vp buildvite buildThe
vpbinary adds a consistent ~80ms startup cost to load and parse the extended config (lint/fmt sections invite.config.ts), even though those sections are not used during build. The actual Vite build pipeline is unchanged.