refactor: skip hydration for the article component

valerymelou · Jul 21, 2024 · d50505d · d50505d
1 parent b8a6f46
commit d50505d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 8 deletions.
diff --git a/apps/website/src/app/app.routes.ts b/apps/website/src/app/app.routes.ts
@@ -49,7 +49,6 @@ export const appRoutes: Route[] = [
           import('@valerymelou/blog/article').then(
             (c) => c.BlogArticleComponent,
           ),
-        data: { animation: 'BlogHomePage' },
         resolve: {
           article: articleResolver,
         },

diff --git a/libs/blog/feature-article/src/lib/blog-article.component.html b/libs/blog/feature-article/src/lib/blog-article.component.html
@@ -1,12 +1,7 @@
 <article class="relative mx-auto max-w-3xl pt-10">
-  <a
-    routerLink="/blog"
-    ui-flat-button
-    color="accent"
-    aria-label="Go back"
-    class="mb-4"
-  >
+  <a routerLink="/blog" ui-flat-button color="accent" class="mb-4">
     <ng-icon name="bootstrapArrowLeft" strokeWidth="5" size="20"></ng-icon>
+    <span class="ml-3">Articles</span>
   </a>
   <dl>
     <dt class="sr-only">Date</dt>

diff --git a/libs/blog/feature-article/src/lib/blog-article.component.ts b/libs/blog/feature-article/src/lib/blog-article.component.ts
@@ -37,6 +37,7 @@ import { ButtonComponent, LinkComponent } from '@valerymelou/shared/ui';
   ],
   templateUrl: './blog-article.component.html',
   viewProviders: [provideIcons({ bootstrapArrowLeft })],
+  host: { ngSkipHydration: 'true' },
 })
 export class BlogArticleComponent implements OnInit, OnDestroy {
   article!: Article;