Fix page links

Author: janniks

src/blocks/decorator.vue

@@ -1,7 +1,7 @@
 <template>
   <component
     v-if="isPageLink && hasPageLinkOptions"
-    class="notion-page-link"
+    class="notion-link"
     v-bind="pageLinkProps(decoratorValue)"
     :is="pageLinkOptions.component"
   >
@@ -14,6 +14,30 @@
     :href="mapPageUrl(decoratorValue)"
     >{{ pageLinkTitle }}</a
   >
+  <component
+    v-else-if="decoratorKey === 'a' && hasPageLinkOptions && isInlinePageLink"
+    class="notion-link"
+    v-bind="pageLinkProps(decoratorValue.slice(1))"
+    :is="pageLinkOptions.component"
+  >
+    <NotionDecorator :content="nextContent" v-bind="pass" />
+  </component>
+  <a
+    v-else-if="decoratorKey === 'a' && isInlinePageLink"
+    class="notion-link"
+    :target="target"
+    :href="mapPageUrl(decoratorValue.slice(1))"
+  >
+    <NotionDecorator :content="nextContent" v-bind="pass" />
+  </a>
+  <a
+    v-else-if="decoratorKey === 'a'"
+    class="notion-link"
+    :target="target"
+    :href="decoratorValue"
+  >
+    <NotionDecorator :content="nextContent" v-bind="pass" />
+  </a>
   <span v-else-if="decorators.length === 0">{{ text }}</span>
   <span v-else-if="decoratorKey === 'h'" :class="'notion-' + decoratorValue"
     ><NotionDecorator :content="nextContent" v-bind="pass" />
@@ -30,14 +54,6 @@
   <s v-else-if="decoratorKey === 's'">
     <NotionDecorator :content="nextContent" v-bind="pass" />
   </s>
-  <a
-    v-else-if="decoratorKey === 'a'"
-    class="notion-link"
-    :target="target"
-    :href="decoratorValue"
-  >
-    <NotionDecorator :content="nextContent" v-bind="pass" />
-  </a>
   <component
     v-else-if="decoratorKey === 'e'"
     :is="'katex-element'"
@@ -79,6 +95,9 @@ export default {
     isPageLink() {
       return this.text === "‣";
     },
+    isInlinePageLink() {
+      return this.decoratorValue && this.decoratorValue[0] === "/";
+    },
     pageLinkTitle() {
       return (
         this.blockMap?.[this.decoratorValue]?.value?.properties