💄 Allow slash as post divider

pages/embed/posts/[id].vue

@@ -70,7 +70,8 @@
 
 <script setup lang="ts">
 definePageMeta({
-  layout: 'embed',
+  layout: "embed",
+  alias: ["/embed/posts/:area/:id"],
 })
 
 const route = useRoute()
@@ -80,9 +81,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({
@@ -132,5 +141,5 @@ useSeoMeta({
   generator: "Solar Network Open Project · Embed Widget",
 })
 
-const externalOpenLink = computed(() => `${config.public.solianUrl}/posts/view/${route.params.id}`)
+const externalOpenLink = computed(() => `${config.public.solianUrl}/posts/view/${slug.value}`)
 </script>