### Install @kksh/svelte5

Source: https://github.com/kunkunsh/kunkun-components/blob/main/packages/svelte5/README.md

Install the component library using pnpm.

```bash
pnpm add @kksh/svelte5
```

--------------------------------

### Start Svelte Development Server

Source: https://github.com/kunkunsh/kunkun-components/blob/main/apps/svelte5/README.md

Run 'npm run dev' to start the development server. Use '-- --open' to automatically open the application in a new browser tab.

```bash
npm run dev
```

```bash
npm run dev -- --open
```

--------------------------------

### External Store for HMR State Preservation

Source: https://github.com/kunkunsh/kunkun-components/blob/main/apps/svelte/README.md

Use an external store to retain component state during Hot Module Replacement (HMR). This example shows a basic writable store.

```typescript
// store.ts
// An extremely simple external store
import { writable } from "svelte/store"

export default writable(0)
```

--------------------------------

### Create a New Svelte Project

Source: https://github.com/kunkunsh/kunkun-components/blob/main/apps/svelte5/README.md

Use 'npx sv create' to initialize a new Svelte project. Specify a directory name to create the project in a new subfolder.

```bash
npx sv create
```

```bash
npx sv create my-app
```

--------------------------------

### Build Svelte Project for Production

Source: https://github.com/kunkunsh/kunkun-components/blob/main/apps/svelte5/README.md

Execute 'npm run build' to generate a production-ready build of your Svelte application.

```bash
npm run build
```

--------------------------------

### Configure ESLint for Type-Aware Lint Rules

Source: https://github.com/kunkunsh/kunkun-components/blob/main/apps/react/README.md

Update ESLint configuration to enable type-aware lint rules by specifying project paths and root directory.

```js
export default {
	// other rules...
	parserOptions: {
		ecmaVersion: "latest",
		sourceType: "module",
		project: ["./tsconfig.json", "./tsconfig.node.json", "./tsconfig.app.json"],
		tsconfigRootDir: __dirname
	}
}
```

--------------------------------

### Configure Tailwind CSS Path Alias

Source: https://github.com/kunkunsh/kunkun-components/blob/main/packages/svelte5/README.md

Add the component library's source directory to your Tailwind CSS configuration to ensure proper styling.

```typescript
content: [
    ...
    "./node_modules/@kksh/svelte5/src/**/*.{html,js,svelte,ts}"
],
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.