install/setup sass

src/pages/blog/[...slug].astro

@@ -1,7 +1,7 @@
 ---
 import { getCollection, render } from "astro:content";
-import BlogHeader from "@components/BlogHeader.astro";
-import Tags from "@components/Tags.astro";
+import BlogHeader from "@components/Blog/BlogHeader.astro";
+import Tags from "@components/Blog/Tags.astro";
 import Layout from "@layouts/Layout.astro";
 
 export async function getStaticPaths() {
@@ -30,7 +30,7 @@ const { Content } = await render(post);
   </article>
 </Layout>
 
-<style>
+<style lang="scss">
   .not-by-ai {
     display: block;
     width: 134px;

src/pages/blog/page/[page].astro

@@ -1,6 +1,6 @@
 ---
 import { type CollectionEntry, getCollection } from "astro:content";
-import PostPreview from "@components/PostPreview.astro";
+import PostPreview from "@components/Blog/PostPreview.astro";
 
 import Layout from "@layouts/Layout.astro";
 import type { Page } from "astro";
@@ -44,7 +44,7 @@ const { page } = Astro.props;
   </div>
 </Layout>
 
-<style>
+<style lang="scss">
   ul {
     list-style: none;
   }

src/pages/blog/tag/[tag].astro

@@ -65,7 +65,7 @@ posts.sort(
   </ul>
 </Layout>
 
-<style>
+<style lang="scss">
   ul {
     list-style: none;
   }