https://github.com/brandonxiang/vike-svelte

🚧 WIP 🔨 Svelte integration for Vike
https://github.com/brandonxiang/vike-svelte

Last synced: 16 days ago
JSON representation

🚧 WIP 🔨 Svelte integration for Vike

• Host: GitHub
• URL: https://github.com/brandonxiang/vike-svelte
• Owner: brandonxiang
• Created: 2023-10-06T15:55:45.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-10T20:23:21.000Z (about 1 month ago)
• Last Synced: 2024-10-11T12:58:08.409Z (about 1 month ago)
• Language: JavaScript
• Homepage:
• Size: 201 KB
• Stars: 8
• Watchers: 3
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
[](https://vike.dev)

[![npm version](https://img.shields.io/npm/v/vike-svelte)](https://www.npmjs.com/package/vike-svelte)

# 🚧 WIP `vike-svelte`

SolidJS integration for [Vike](https://github.com/vikejs/vike) (using the [V1 design](https://vike.dev/migration/v1-design)).

> [!NOTE]  

> For integrations with React and Vue, see the other [`vike-*` packages](https://vike.dev/vike-packages).

See [examples/](https://github.com/vikejs/vike-svelte/tree/main/examples).

Feel free for issue! PR Welcome !

## Roadmap

- 0.x (vite 4.x/svelte 4.x/nodejs 16.x)

- 1.x (vite 5.x/svelte 5.x/nodejs 18.x)

## Difference with vike-{react, vue, solid}

### svelte:head

 will insert elements into `document.head`, so the Head Config of `config.h.ts` is no needed.

### vike context

Svelte has a specified context. This context should be `getContext()`.

```javascript

import { VikeContextKey } from 'vike-svelte/usePageContext'

const pageContext = getContext(VikeContextKey);

```