chore: rename pcss to css for lsp support

components.json

@@ -3,7 +3,7 @@
   "style": "new-york",
   "tailwind": {
     "config": "tailwind.config.js",
-    "css": "src/lib/app.pcss",
+    "css": "src/lib/app.css",
     "baseColor": "zinc"
   },
   "aliases": {

src/routes/+layout.svelte

@@ -1,49 +1,49 @@
 <script lang="ts">
-	import '$lib/app.pcss';
+  import '$lib/app.css'
-	import Navbar from '$lib/components/Navbar/Navbar.svelte';
+  import Navbar from '$lib/components/Navbar/Navbar.svelte'
-	import { ModeWatcher } from 'mode-watcher';
+  import { ModeWatcher } from 'mode-watcher'
-	import '@fontsource/geist-sans/latin.css';
+  import '@fontsource/geist-sans/latin.css'
-	import '@fontsource/geist-mono/latin.css';
+  import '@fontsource/geist-mono/latin.css'
-	import '@fontsource/zilla-slab/latin.css';
+  import '@fontsource/zilla-slab/latin.css'
-	import '@fontsource/merriweather/latin.css';
+  import '@fontsource/merriweather/latin.css'
-	import Footer from '$lib/components/Footer.svelte';
+  import Footer from '$lib/components/Footer.svelte'
-	import { Toaster } from '$lib/components/ui/sonner';
+  import { Toaster } from '$lib/components/ui/sonner'
-	import { onMount } from 'svelte';
+  import { onMount } from 'svelte'
-	import { afterNavigate, beforeNavigate } from '$app/navigation';
+  import { afterNavigate, beforeNavigate } from '$app/navigation'
-	import Loading from '$lib/components/Loading.svelte';
+  import Loading from '$lib/components/Loading.svelte'
 
-	let root: HTMLElement | null;
+  let root: HTMLElement | null
-	let navigating = false;
+  let navigating = false
 
-	onMount(() => {
+  onMount(() => {
-		root = document.getElementsByTagName('html')[0];
+    root = document.getElementsByTagName('html')[0]
 
-		root?.classList.add('smoothscroll');
+    root?.classList.add('smoothscroll')
 
-		navigating = false;
+    navigating = false
-	});
+  })
 
-	beforeNavigate(() => {
+  beforeNavigate(() => {
-		navigating = true;
+    navigating = true
-		root?.classList.remove('smoothscroll');
+    root?.classList.remove('smoothscroll')
-	});
+  })
 
-	afterNavigate(() => {
+  afterNavigate(() => {
-		navigating = false;
+    navigating = false
-		root?.classList.add('smoothscroll');
+    root?.classList.add('smoothscroll')
-	});
+  })
 </script>
 
 <Toaster />
 <ModeWatcher />
 
 {#if navigating}
-	<Loading />
+  <Loading />
 {/if}
 
 <Navbar />
 <div class="pt-16 lg:pt-24">
-	<slot />
+  <slot />
 </div>
 
 <Footer />

src/routes/blog/[...slug]/+page.svelte

@@ -5,7 +5,7 @@
   import StickyToc from '$lib/components/Toc/StickyToc.svelte'
   import TocHeader from '$lib/components/Toc/TocHeader.svelte'
   import '$lib/styles/katex.css'
-  import '$lib/styles/markdown.pcss'
+  import '$lib/styles/markdown.css'
   import '$lib/styles/tokyo-night-dark.min.css'
 
   const tocStore = createTocStore()