fix(README) nodes.length

Author: rwieruch

.storybook/stories/Introduction/installation.story.mdx

@@ -58,28 +58,28 @@ const nodes = [
  },
 ]
 
+const COLUMNS = [
+ { label: 'Task', renderCell: (item) => item.name },
+ {
+ label: 'Deadline',
+ renderCell: (item) =>
+ item.deadline.toLocaleDateString('en-US', {
+ year: 'numeric',
+ month: '2-digit',
+ day: '2-digit',
+ }),
+ },
+ { label: 'Type', renderCell: (item) => item.type },
+ {
+ label: 'Complete',
+ renderCell: (item) => item.isComplete.toString(),
+ },
+ { label: 'Tasks', renderCell: (item) => item.nodes },
+];
+
 const Component = () => {
  const data = { nodes };
 
- const COLUMNS = [
- { label: 'Task', renderCell: (item) => item.name },
- {
- label: 'Deadline',
- renderCell: (item) =>
- item.deadline.toLocaleDateString('en-US', {
- year: 'numeric',
- month: '2-digit',
- day: '2-digit',
- }),
- },
- { label: 'Type', renderCell: (item) => item.type },
- {
- label: 'Complete',
- renderCell: (item) => item.isComplete.toString(),
- },
- { label: 'Tasks', renderCell: (item) => item.nodes?.length },
- ];
-
  return <CompactTable columns={COLUMNS} data={data} />;
 };
 ```

README.md

@@ -60,28 +60,28 @@ const nodes = [
  },
 ]
 
+const COLUMNS = [
+ { label: 'Task', renderCell: (item) => item.name },
+ {
+ label: 'Deadline',
+ renderCell: (item) =>
+ item.deadline.toLocaleDateString('en-US', {
+ year: 'numeric',
+ month: '2-digit',
+ day: '2-digit',
+ }),
+ },
+ { label: 'Type', renderCell: (item) => item.type },
+ {
+ label: 'Complete',
+ renderCell: (item) => item.isComplete.toString(),
+ },
+ { label: 'Tasks', renderCell: (item) => item.nodes },
+];
+
 const Component = () => {
  const data = { nodes };
 
- const COLUMNS = [
- { label: 'Task', renderCell: (item) => item.name },
- {
- label: 'Deadline',
- renderCell: (item) =>
- item.deadline.toLocaleDateString('en-US', {
- year: 'numeric',
- month: '2-digit',
- day: '2-digit',
- }),
- },
- { label: 'Type', renderCell: (item) => item.type },
- {
- label: 'Complete',
- renderCell: (item) => item.isComplete.toString(),
- },
- { label: 'Tasks', renderCell: (item) => item.nodes?.length },
- ];
-
  return <CompactTable columns={COLUMNS} data={data} />;
 };
 ```