diff --git a/content/ts/hellots.md b/content/ts/hellots.md
index 9406b0a..065db03 100644
--- a/content/ts/hellots.md
+++ b/content/ts/hellots.md
@@ -1 +1,18 @@
-# Hello ts
+---
+title: Hello, World
+author: riyad
+date: 10:11:12
+category: js
+summery: sdklfjsld
+---
+
+# Hi there!
+
+This Markdown file creates a page at `your-domain.com/page-1/`
+
+It probably isn't styled much, but Markdown does support:
+
+- **bold** and _italics._
+- lists
+- [links](https://astro.build)
+- and more!
diff --git a/pages/category/[topic].vue b/pages/category/[topic].vue
new file mode 100644
index 0000000..c9a2c2f
--- /dev/null
+++ b/pages/category/[topic].vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <h1>This is the {{ $route.params.topic }}</h1>
+  </div>
+</template>
diff --git a/pages/category.vue b/pages/category/index.vue
similarity index 100%
rename from pages/category.vue
rename to pages/category/index.vue
diff --git a/pages/latest.vue b/pages/latest.vue
index 6f765e4..f9a1396 100644
--- a/pages/latest.vue
+++ b/pages/latest.vue
@@ -1,5 +1,11 @@
+<script setup lang="ts">
+const { data } = await useAsyncData("home", () => queryContent("/").find());
+console.log(data);
+</script>
+
 <template>
   <div>
     <p class="text-5xl">Latest Page</p>
+    <pre>{{ data }}</pre>
   </div>
 </template>