diff --git a/apps/base/assets/css/base.css b/apps/base/assets/css/base.css index c08da2fb..8d6d46f0 100644 --- a/apps/base/assets/css/base.css +++ b/apps/base/assets/css/base.css @@ -14,8 +14,12 @@ :root { --ui-radius: var(--radius-sm); + --ease-smooth: cubic-bezier(0.45, 0, 0.55, 1); - --ui-container: var(--container-5xl); + + .default { + --ui-container: var(--container-5xl); + } } html, body, #__nuxt, #__layout { diff --git a/apps/base/components/ShelveMeta.vue b/apps/base/components/ShelveMeta.vue index 9873be07..46fd2ab7 100644 --- a/apps/base/components/ShelveMeta.vue +++ b/apps/base/components/ShelveMeta.vue @@ -15,7 +15,7 @@ useHead({ link: link, }) -const seoMetadata = { +const seoMetadata = ref({ title: props.title || appTitle, description: props.description || appDescription, author: 'Hugo Richard', @@ -27,14 +27,14 @@ const seoMetadata = { ogSiteName: props.title || appTitle, ogTitle: props.title || appTitle, ogDescription: props.description || appDescription, -} +}) if (props.defaultOgImage) { - seoMetadata.twitterImage = ogImage - seoMetadata.ogImage = ogImage + seoMetadata.value.twitterImage = ogImage + seoMetadata.value.ogImage = ogImage } -useSeoMeta(seoMetadata) +useSeoMeta(seoMetadata.value)