File tree Expand file tree Collapse file tree 2 files changed +20
-19
lines changed
examples/solid/router-monorepo-solid-query/packages Expand file tree Collapse file tree 2 files changed +20
-19
lines changed Original file line number Diff line number Diff line change @@ -10,7 +10,7 @@ import {
1010import { RootComponent } from './rootComponent'
1111import type { RouterIds } from '@router-solid-mono-solid-query/router'
1212import './style.css'
13- import type { JSX } from " solid-js" ;
13+ import type { JSX } from ' solid-js'
1414// Not lazy loaded for simplicity, but you could expose from your library component
1515// individually, and enforce here to use react lazy components via typings
1616// so that you have code splitting
Original file line number Diff line number Diff line change @@ -9,24 +9,25 @@ export function PostsListComponent() {
99 return (
1010 < div class = "p-2 flex gap-2" >
1111 < ul class = "list-disc pl-4" >
12- { [ ...posts || [ ] , { id : 'i-do-not-exist' , title : 'Non-existent Post' } ] . map (
13- ( post ) => {
14- return (
15- < li class = "whitespace-nowrap" >
16- < Link
17- to = "/$postId"
18- params = { {
19- postId : post . id ,
20- } }
21- class = "block py-1 text-blue-600 hover:opacity-75"
22- activeProps = { { class : 'font-bold underline' } }
23- >
24- < div > { post . title . substring ( 0 , 20 ) } </ div >
25- </ Link >
26- </ li >
27- )
28- } ,
29- ) }
12+ { [
13+ ...( posts || [ ] ) ,
14+ { id : 'i-do-not-exist' , title : 'Non-existent Post' } ,
15+ ] . map ( ( post ) => {
16+ return (
17+ < li class = "whitespace-nowrap" >
18+ < Link
19+ to = "/$postId"
20+ params = { {
21+ postId : post . id ,
22+ } }
23+ class = "block py-1 text-blue-600 hover:opacity-75"
24+ activeProps = { { class : 'font-bold underline' } }
25+ >
26+ < div > { post . title . substring ( 0 , 20 ) } </ div >
27+ </ Link >
28+ </ li >
29+ )
30+ } ) }
3031 </ ul >
3132 < hr />
3233 < Outlet />
You can’t perform that action at this time.
0 commit comments