Fix Carbon not rendering with hydration

This commit is contained in:
Sam Carlton 2022-06-13 11:50:14 -05:00
parent 60f7cfa451
commit 8332b60523
5 changed files with 27 additions and 5 deletions

View file

@ -44,7 +44,9 @@
</div>
</div>
<Carbon class="carbon-inline-wide" />
<div class="slot-wrapper">
<slot />
</div>
<div
ref="search-container"

View file

@ -11,6 +11,7 @@ import { deviceSupportsApp } from '~/helpers/devices.js'
import Layout from '../../layouts/default.astro'
import Search from '~/components/search-stork.vue'
import CarbonInline from '~/components/carbon-inline.vue'
import LinkButton from '~/components/link-button.vue'
@ -105,7 +106,11 @@ const appPage = {
kind-page={ appPage }
client:load
/>
>
<CarbonInline
class="carbon-inline-wide"
/>
</Search>
<!-- <ListEndButtons query="query" /> -->

View file

@ -14,6 +14,7 @@ import {
import Layout from '~/src/layouts/default.astro'
import Search from '~/components/search-stork.vue'
import ThomasCredit from '~/components/thomas-credit.vue'
import CarbonInline from '~/components/carbon-inline.vue'
// Get type and slug from the request path
@ -90,7 +91,11 @@ const pageLabel = category?.pluralLabel || category.label
base-filters={ baseFilters }
client:load
/>
>
<CarbonInline
class="carbon-inline-wide"
/>
</Search>
<!-- <ListEndButtons query="query" /> -->

View file

@ -14,6 +14,7 @@ import Search from '~/components/search-stork.vue'
// import ListSummary from '~/components/list-summary.vue'
import ListEndButtons from '~/components/list-end-buttons.vue'
import AllUpdatesSubscribe from '~/components/all-updates-subscribe.vue'
import CarbonInline from '~/components/carbon-inline.vue'
const homePageKindPage = await DoesItAPI.kind.app(1).get()
const allAppsSummary = await DoesItAPI('all-apps-summary').get()
@ -49,7 +50,11 @@ const allAppsSummary = await DoesItAPI('all-apps-summary').get()
list-summary={ allAppsSummary }
client:load
/>
>
<CarbonInline
class="carbon-inline-wide"
/>
</Search>
<AllUpdatesSubscribe
class="my-12"

View file

@ -15,6 +15,7 @@ import {
import Layout from '../../layouts/default.astro'
import Search from '~/components/search-stork.vue'
import CarbonInline from '~/components/carbon-inline.vue'
// Get type and slug from the request path
@ -98,7 +99,11 @@ if ( !!categorySlug ) {
base-filters={ baseFilters }
client:load
/>
>
<CarbonInline
class="carbon-inline-wide"
/>
</Search>
<!-- <ListEndButtons query="query" /> -->