vike-lite-solid

⬇️ Clone

git clone https://github.com/node-ecosystem/vike-lite-solid.git

⚙️ Install

| Package Manager | Command | - | - | npm | npm install -D vike-lite-solid | yarn | yarn add -D vike-lite-solid | pnpm | pnpm add -D vike-lite-solid

📖 Usage

Add Vite plugin

// vite.config.ts
import vikeSolid from 'vike-lite-solid/vite'

export default {
  plugins: [
    vikeSolid()
  ]
}

Hooks

useData

// /pages/+Page.tsx
import { useData } from 'vike-lite-solid'
import type { Component } from 'solid-js'

type MyData = {
  myKey: 'myValue'
}

const Page: Component = (props) => {
  const [data, setData] = useData<MyData>()
  return (
    <div>
      {data.myKey}

      {props.children}
    </div>
  )
}

export Page

usePageContext

// /pages/+Page.tsx
import { usePageContext } from 'vike-lite-solid'
import type { Component } from 'solid-js'

const Page: Component = (props) => {
  const pageContext = usePageContext()
  return (
    <div>
      {pageContext.urlPathname}
    </div>
  )
}

export Page