loucass003 Comments - Answer Overflow

loucass003

Posts Comments

SSolidJS

•Created by loucass003 on 12/12/2024 in #support

Prerender not working without javascript

thanks ❤️

9 replies

SSolidJS

•Created by loucass003 on 12/12/2024 in #support

Prerender not working without javascript

yep that did it

9 replies

SSolidJS

•Created by loucass003 on 12/12/2024 in #support

Prerender not working without javascript

this is really hard to find xD

9 replies

SSolidJS

•Created by loucass003 on 12/12/2024 in #support

Prerender not working without javascript

ok i see it. Is this documented somewhere?

9 replies

SSolidJS

•Created by loucass003 on 12/12/2024 in #support

Prerender not working without javascript

making it async ?

9 replies

SSolidJS

•Created by loucass003 on 12/12/2024 in #support

Prerender not working without javascript

so this function ?

export default createHandler(() => (
  <StartServer
    document={({ assets, children, scripts }) => (

export default createHandler(() => (
  <StartServer
    document={({ assets, children, scripts }) => (

9 replies

SSolidJS

•Created by loucass003 on 12/11/2024 in #support

Solidstart Hydration error when using show and jsx element

thank you for this explaination. I do find your solution nicer to use! thanks ❤️

16 replies

SSolidJS

•Created by loucass003 on 12/11/2024 in #support

Solidstart Hydration error when using show and jsx element

this changes the syntax used for a lot of things then. I am surprised solidstart require changes this big in the writing of component. espectially when all the solidjs example tells you tu use JSX.Element almost all the time for that specific case

16 replies

SSolidJS

•Created by loucass003 on 12/11/2024 in #support

Solidstart Hydration error when using show and jsx element

that does fix the issue indeed

16 replies

SSolidJS

•Created by loucass003 on 12/11/2024 in #support

Solidstart Hydration error when using show and jsx element

yeah like this

 <Show when={props.prefixIcon}>
        <div
          class={clsx(
            "w-12 justify-center group-hover:fill-status-success fill-white hidden sm:flex"
          )}
        >
          {props.prefixIcon()}
        </div>
      </Show>

 <Show when={props.prefixIcon}>
        <div
          class={clsx(
            "w-12 justify-center group-hover:fill-status-success fill-white hidden sm:flex"
          )}
        >
          {props.prefixIcon()}
        </div>
      </Show>

16 replies

SSolidJS

•Created by loucass003 on 12/11/2024 in #support

Solidstart Hydration error when using show and jsx element

but that means my type cannot be a JSX element anymore but a component right?

16 replies

SSolidJS

•Created by loucass003 on 12/11/2024 in #support

Solidstart Hydration error when using show and jsx element

this is how i use the component

16 replies

SSolidJS

•Created by loucass003 on 12/11/2024 in #support

Solidstart Hydration error when using show and jsx element

<ArrowButton
                  variant="primary"
                  prefixIcon={<CartIcon size={60}></CartIcon>}
                  href="/"
                >
                  <div class="flex flex-col flex-wrap relative justify-center pb-2">
                    <div
                      class="absolute -top-12 sm:-top-14 -left-6 sm:-left-[6.8rem] w-fit rotate-[-10deg] text-2xl sm:text-4xl p-1 rounded-md shadow-lg shadow-accent-background-40 font-bold bg-accent-background-20"
                      style={{
                        "box-shadow":
                          "#4e0097 0.5rem 0.5rem, rgb(241 241 241) -0.5rem -0.5rem",
                      }}
                    >
                      {/* <Localized id="hero_price" /> */}
                    </div>
                    <Typography
                      variant="main-title"
                      tag="h3"
                      whitespace="whitespace-nowrap"
                      key="hero_order-btn"
                    />
                    <CrowdSupplyIcon size={256}></CrowdSupplyIcon>
                  </div>
                </ArrowButton>

<ArrowButton
                  variant="primary"
                  prefixIcon={<CartIcon size={60}></CartIcon>}
                  href="/"
                >
                  <div class="flex flex-col flex-wrap relative justify-center pb-2">
                    <div
                      class="absolute -top-12 sm:-top-14 -left-6 sm:-left-[6.8rem] w-fit rotate-[-10deg] text-2xl sm:text-4xl p-1 rounded-md shadow-lg shadow-accent-background-40 font-bold bg-accent-background-20"
                      style={{
                        "box-shadow":
                          "#4e0097 0.5rem 0.5rem, rgb(241 241 241) -0.5rem -0.5rem",
                      }}
                    >
                      {/* <Localized id="hero_price" /> */}
                    </div>
                    <Typography
                      variant="main-title"
                      tag="h3"
                      whitespace="whitespace-nowrap"
                      key="hero_order-btn"
                    />
                    <CrowdSupplyIcon size={256}></CrowdSupplyIcon>
                  </div>
                </ArrowButton>

16 replies

Gaming

Programming