Run formatter

Author: janniks

src/blocks/helpers/table-row.vue

@@ -1,56 +1,61 @@
 <template>
-   <tr class="notion-simple-table-row">
-        <td v-for="(cell, key, index) in row.value.properties" :key="key" class="notion-simple-table-data" :style="isColumnStyle(rowIndex) || isRowStyle(index) ? headerStyle : null"> 
-            <div class="notion-simple-table-cell">
-                <div class="notion-simple-table-cell-text">
-                    <NotionTextRenderer :text="cell" v-bind="pass" />
-                </div>
-            </div>
-        </td>
-    </tr>
+  <tr class="notion-simple-table-row">
+    <td
+      v-for="(cell, key, index) in row.value.properties"
+      :key="key"
+      class="notion-simple-table-data"
+      :style="isColumnStyle(rowIndex) || isRowStyle(index) ? headerStyle : null"
+    >
+      <div class="notion-simple-table-cell">
+        <div class="notion-simple-table-cell-text">
+          <NotionTextRenderer :text="cell" v-bind="pass" />
+        </div>
+      </div>
+    </td>
+  </tr>
 </template>
 
 <script>
 import Blockable, { blockComputed } from "@/lib/blockable";
 import NotionTextRenderer from "@/blocks/helpers/text-renderer";
 export default {
-    extends: Blockable,
-    name: "NotionTableRow",
-    props: {
-        row: {
-            type: Object
-        },
-        hasColumnHeader: {
-            type: Boolean,
-            default: false
-        },
-        hasRowHeader: {
-            type: Boolean,
-            default: false
-        },
-        rowIndex: {
-            type: Number,
-        }
+  extends: Blockable,
+  name: "NotionTableRow",
+  props: {
+    row: {
+      type: Object,
     },
-    components: {
-        NotionTextRenderer
+    hasColumnHeader: {
+      type: Boolean,
+      default: false,
     },
-     computed: {
+    hasRowHeader: {
+      type: Boolean,
+      default: false,
+    },
+    rowIndex: {
+      type: Number,
+    },
+  },
+  components: {
+    NotionTextRenderer,
+  },
+  computed: {
     ...blockComputed,
     headerStyle() {
-        return {  
-            'background': 'rgb(247, 246, 243)', 
-            'font-weight': 500
-        }
-    }
+      return {
+        background: "rgb(247, 246, 243)",
+        "font-weight": 500,
+      };
+    },
   },
   methods: {
-      isColumnStyle(index) {
-          return this.hasColumnHeader && index === 0
-      },
-      isRowStyle(index) {
-          return this.hasRowHeader && index === 0
-      }
-  }
-}
+    isColumnStyle(index) {
+      return this.hasColumnHeader && index === 0;
+    },
+    isRowStyle(index) {
+      return this.hasRowHeader && index === 0;
+    },
+  },
+};
 </script>

src/blocks/table.vue

@@ -1,9 +1,17 @@
 <template>
   <div>
     <table class="notion-simple-table">
-     <tbody>
-      <NotionTableRow v-for="(row, index) in rows" :key="row.value.id" :row="row" :rowIndex="index" :hasColumnHeader="hasColumnHeader" :hasRowHeader="hasRowHeader" v-bind="pass" />
-     </tbody>
+      <tbody>
+        <NotionTableRow
+          v-for="(row, index) in rows"
+          :key="row.value.id"
+          :row="row"
+          :rowIndex="index"
+          :hasColumnHeader="hasColumnHeader"
+          :hasRowHeader="hasRowHeader"
+          v-bind="pass"
+        />
+      </tbody>
     </table>
   </div>
 </template>
@@ -16,19 +24,19 @@ export default {
   extends: Blockable,
   name: "NotionTable",
   components: {
-    NotionTableRow
+    NotionTableRow,
   },
   computed: {
     ...blockComputed,
     rows() {
-      return this.value.content.map(id => this.blockMap[id])
+      return this.value.content.map((id) => this.blockMap[id]);
     },
     hasColumnHeader() {
-      return this.value.format.table_block_column_header
+      return this.value.format.table_block_column_header;
     },
     hasRowHeader() {
-      return this.value.format.table_block_row_header
-    }
+      return this.value.format.table_block_row_header;
+    },
   },
 };
 </script>

src/components/block.vue

@@ -59,11 +59,11 @@ import NotionToggle from "@/blocks/toggle";
 import NotionQuote from "@/blocks/quote";
 import NotionEquation from "@/blocks/equation";
 import NotionTodo from "@/blocks/todo";
-import NotionTable from '@/blocks/table'
+import NotionTable from "@/blocks/table";
 
 export default {
   extends: Blockable,
-  name: 'NotionBlock',
+  name: "NotionBlock",
   components: {
     NotionBookmark,
     NotionCallout,
@@ -80,5 +80,5 @@ export default {
     NotionEquation,
     NotionTodo,
   },
-}
+};
 </script>

src/styles.css

@@ -713,4 +713,4 @@ img.notion-nav-icon {
   background-color: transparent;
   font-size: 14px;
   line-height: 20px;
-}
+}