Update Blog meta description and fix linting

.github/workflows/ci-cd.yaml

@@ -21,6 +21,8 @@ jobs:
     with:
       npm_scope: '@significa'
       install_registry_url: 'https://npm.pkg.github.com/'
+      # FIXME: We cannot run `npm run validate` because `svelte-check` requires runtime env vars to be set
+      lint_command: 'npm run lint'
       staging_domain: ${{ vars.STAGING_DOMAIN }}
       production_domain: ${{ vars.PRODUCTION_DOMAIN }}
     secrets:

.lintstagedrc

@@ -1,3 +1,3 @@
 {
-  "*.{js,ts,json,svelte}": ["eslint", "prettier --write"]
+  "*.{js,ts,json,svelte}": ["eslint", "prettier --write", "svelte-check --tsconfig ./tsconfig.json"]
 }

src/components/pages/blog-index.svelte

@@ -50,10 +50,9 @@
 
 <Seo
   title={getPageTitle(tags)}
-  description={`${$page.data.page?.story?.content?.seo_description} ${t(
-    'blog.meta-description-prefix',
-    { tags: tags.join(', ') }
-  )}`}
+  description={tags.length
+    ? t('blog.tag-meta-description', { tags: tags.join(', ') })
+    : $page.data.page?.story?.content?.seo_description}
 />
 
 <main>

src/components/pages/handbook.svelte

@@ -74,7 +74,7 @@
       </div>
     {/if}
 
-    {#if story.content.body?.content.length}
+    {#if story.content.body?.content && story.content.body?.content.length}
       <div class="container mx-auto max-w-3xl px-container">
         {#if story.content.body}
           <div

src/components/pages/page.svelte

@@ -56,7 +56,7 @@
 </script>
 
 {#each story.content.page || [] as page}
-  {#if page.component === 'static-page'}
+  {#if page.component === 'static-page' && page.body}
     <StaticPage body={page.body} />
   {:else if page.component === 'about-page' && isAboutPage(page)}
     <About data={page} />

src/lib/i18n/data.json

@@ -89,5 +89,5 @@
   "a11y.physics-add": "Create new physics block",
   "a11y.see-post": "See post",
   "a11y.see-career": "Se career",
-  "blog.meta-description-prefix": "Here you can find articles that are tagged with any of the following tags: {{tags}}."
+  "blog.tag-meta-description": "We design, we code, and we write about it too! Discover our blog with articles about: {{tags}}"
 }

src/lib/i18n/types.ts

@@ -89,7 +89,7 @@ export const TranslationKeys = [
   'a11y.physics-add',
   'a11y.see-post',
   'a11y.see-career',
-  'blog.meta-description-prefix'
+  'blog.tag-meta-description'
 ] as const;
 
 export type TranslationKey = (typeof TranslationKeys)[number];