💄 Allow slash as post divider

pages/posts/[id].vue

@@ -69,6 +69,10 @@
 </template>
 
 <script setup lang="ts">
+definePageMeta({
+  alias: ["/posts/:area/:id"],
+})
+
 const route = useRoute()
 const config = useRuntimeConfig()
 
@@ -76,9 +80,17 @@ const attachments = ref<any[]>([])
 const firstImage = ref<string | null>()
 const firstVideo = ref<string | null>()
 
+const slug = computed(() => {
+  if (route.params.area) {
+    return `${route.params.area}:${route.params.id}`
+  } else {
+    return route.params.id
+  }
+})
+
 const { t } = useI18n()
 
-const { data: post } = await useFetch<any>(`${config.public.solarNetworkApi}/cgi/interactive/posts/${route.params.id}`)
+const { data: post } = await useFetch<any>(`${config.public.solarNetworkApi}/cgi/interactive/posts/${slug.value}`)
 
 if (!post.value) {
   throw createError({
@@ -127,7 +139,7 @@ useSeoMeta({
   ogSiteName: "Solsynth Capital",
 })
 
-const externalOpenLink = computed(() => `${config.public.solianUrl}/posts/view/${route.params.id}`)
+const externalOpenLink = computed(() => `${config.public.solianUrl}/posts/view/${slug.value}`)
 </script>
 
 <style scoped>