Error: svelte-kit dev is no longer available — use vite dev instead

[AyushSehrawat]

I was trying the examples but then ended up with this error. The svelte example needs to be updated

Error -:

@AyushSehrawat ➜ /workspaces/tailwindcss/examples/svelte (main) $ npm install

> ctp-svelte@0.0.1 prepare
> svelte-kit sync

`svelte-kit sync` now runs on "postinstall" — please remove the "prepare" script from your package.json

added 286 packages, and audited 288 packages in 7s

46 packages are looking for funding
  run `npm fund` for details

1 high severity vulnerability

To address all issues, run:
  npm audit fix

Run `npm audit` for details.
@AyushSehrawat ➜ /workspaces/tailwindcss/examples/svelte (main) $ npm run dev

> ctp-svelte@0.0.1 dev
> svelte-kit dev

> svelte-kit dev is no longer available — use vite dev instead
  1. Install vite as a devDependency with npm/pnpm/etc
  2. Create a vite.config.js with the @sveltejs/kit/vite plugin (see below)
  3. Update your package.json scripts to reference `vite dev` instead of `svelte-kit dev`

// vite.config.js
import { sveltekit } from '@sveltejs/kit/vite';

/** @type {import('vite').UserConfig} */
const config = {
        plugins: [sveltekit()]
};

export default config;