Fix callout line breaks

Author: janniks

src/blocks/helpers/asset.vue

@@ -14,15 +14,6 @@ export default {
   components: { NotionTextRenderer },
   computed: {
     ...blockComputed,
-    f() {
-      // format with defaults if empty
-      return {
-        display_source: this.format?.display_source ?? undefined,
-        block_aspect_ratio: this.format?.block_aspect_ratio ?? undefined,
-        block_height: this.format?.block_height ?? 1,
-        block_width: this.format?.block_width ?? 1,
-      };
-    },
     src() {
       return this.type === "figma"
         ? this.properties.source[0][0]

src/blocks/helpers/image.vue

@@ -18,15 +18,6 @@ export default {
     alt() {
       return this.caption?.[0][0];
     },
-    f() {
-      // format with defaults if empty
-      return {
-        display_source: this.format?.display_source ?? undefined,
-        block_aspect_ratio: this.format?.block_aspect_ratio ?? undefined,
-        block_height: this.format?.block_height ?? 1,
-        block_width: this.format?.block_width ?? 1,
-      };
-    },
     src() {
       return this.mapImageUrl(this.properties?.source[0][0], this.block);
     },

src/lib/blockable.js

@@ -36,18 +36,33 @@ export const blockComputed = {
   format() {
     return this.value?.format;
   },
+  f() {
+    // format with defaults if empty
+    return {
+      block_aspect_ratio: this.format?.block_aspect_ratio,
+      block_height: this.format?.block_height ?? 1,
+      block_width: this.format?.block_width ?? 1,
+      block_color: this.format?.block_color,
+      bookmark_icon: this.format?.bookmark_icon,
+      bookmark_cover: this.format?.bookmark_cover,
+      display_source: this.format?.display_source,
+    };
+  },
   icon() {
     return this.format?.page_icon || "";
   },
   width() {
-    return this.format?.block_width || undefined;
+    return this.format?.block_width;
   },
   properties() {
     return this.value?.properties;
   },
   caption() {
     return this.properties?.caption;
   },
+  description() {
+    return this.properties?.description;
+  },
   title() {
     return this.properties?.title;
   },

src/styles.css

@@ -505,6 +505,7 @@ img.notion-page-icon {
 }
 .notion-callout-text {
   margin-left: 8px;
+  white-space: pre-line; /* edit: break on carriage returns in callout text */
 }
 
 .notion-toggle {