solidjs/solid-start
Use `clientOnly` without isolating component in its own file
Aberta
#1.929 aberto em 7 de ago. de 2024
help wanted
Métricas do repositório
- Stars
- (4.187 estrelas)
- Métricas de merge de PR
- (Métricas PR pendentes)
Description
What is this request related to?
Request
📋 Suggested
https://docs.solidjs.com/solid-start/reference/client/client-only
📋 General description or bullet points
Provide a way of using clientOnly without creating a separate file.
Code wise, this could be more ergonomic.
Could also create a helper function to directly translate component function to client only component.
import { clientOnly } from "@solidjs/start"
function ClientOnlyComponent() {
const location = window.document.location
return <div>{location.href}</div>
}
type ResolveClientComponent = (value: {
default: Component
}) => void
export default clientOnly(
() =>
new Promise((resolve: ResolveClientComponent) => {
resolve({ default: ClientOnlyComponent })
}),
)
🖥️ Reproduction of code samples in StackBlitz
StackBlitz doesn't support solid-start