fix build

Author: HerringtonDarkholme

website/.vitepress/config.ts

@@ -45,7 +45,7 @@ export default defineConfig({
         text: 'Resources',
         items: [
           { text: 'FAQ', link: '/advanced/faq.html' },
-          { text: 'Rule Examples', link: '/catalog/' },
+          { text: 'Rule Examples', link: '/catalog' },
           { text: 'Custom Language', link: '/advanced/custom-language.html' },
           { text: 'Contributing', link: '/contributing/how-to.html' },
           { text: 'Blog', link: '/blog.html' },
@@ -117,7 +117,7 @@ export default defineConfig({
         },
         {
           text: 'Examples',
-          link: '/catalog/',
+          link: '/catalog',
           items: [
             { text: 'C', link: '/catalog/c/'},
             { text: 'C++', link: '/catalog/cpp/'},

website/blog/stars-8000.md

@@ -96,7 +96,7 @@ The ast-grep website isn't just a static page; it's your interactive command cen
 
 ### Interactive Example Catalog:  Learn by Doing!
 
-The [example catalog](/catalog) has received a major upgrade, transforming it into an interactive learning environment:
+The [example catalog](https://ast-grep.github.io/catalog) has received a major upgrade, transforming it into an interactive learning environment:
 
 **Interactive Rule Exploration:** Dive deep into rules with interactive features like Rule Display & Extraction, MetaVar Panel, Matched Labeling, Pattern Debugger, Selector Explorer, and Pattern Configuration & Icons.  Dissect rules, understand their components, and visualize how they work – all in your browser!
 

website/src/catalog/index.vue

@@ -5,13 +5,17 @@ import RuleList from './RuleList.vue'
 import type { Filter } from './data';
 import { serialize, deserialize } from './data';
 
+// for SSR
+const loc = typeof location !== 'undefined' ? location : null
+const his = typeof history !== 'undefined' ? history : null
+
 const filter = ref<Filter>(deserialize(
-  location.hash.slice(1) || ''
+  loc?.hash.slice(1) || ''
 ))
 
 watch(filter, (value) => {
   const hash = serialize(value)
-  history.replaceState({}, '', hash ? `#${hash}` : '/catalog')
+  his?.replaceState({}, '', hash ? `#${hash}` : '/catalog')
 }, {
   deep: true,
   immediate: true,