run prettier

quartz/components/pages/Content.tsx

@@ -1,10 +1,10 @@
 import { QuartzComponentConstructor, QuartzComponentProps } from "../types"
-import { Fragment, jsx, jsxs } from 'preact/jsx-runtime'
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime"
 import { toJsxRuntime } from "hast-util-to-jsx-runtime"
 
 function Content({ tree }: QuartzComponentProps) {
   // @ts-ignore (preact makes it angry)
-  const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: 'html' })
+  const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: "html" })
   return <article class="popover-hint">{content}</article>
 }
 

quartz/components/pages/FolderContent.tsx

@@ -1,16 +1,16 @@
 import { QuartzComponentConstructor, QuartzComponentProps } from "../types"
-import { Fragment, jsx, jsxs } from 'preact/jsx-runtime'
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime"
 import { toJsxRuntime } from "hast-util-to-jsx-runtime"
 import path from "path"
 
-import style from '../styles/listPage.scss'
+import style from "../styles/listPage.scss"
 import { PageList } from "../PageList"
 import { canonicalizeServer } from "../../path"
 
 function FolderContent(props: QuartzComponentProps) {
   const { tree, fileData, allFiles } = props
   const folderSlug = canonicalizeServer(fileData.slug!)
-  const allPagesInFolder = allFiles.filter(file => {
+  const allPagesInFolder = allFiles.filter((file) => {
     const fileSlug = file.slug ?? ""
     const prefixed = fileSlug.startsWith(folderSlug)
     const folderParts = folderSlug.split(path.posix.sep)
@@ -21,18 +21,20 @@ function FolderContent(props: QuartzComponentProps) {
 
   const listProps = {
     ...props,
-    allFiles: allPagesInFolder
+    allFiles: allPagesInFolder,
   }
-  
+
   // @ts-ignore
-  const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: 'html' })
-  return <div class="popover-hint">
-    <article>{content}</article>
-    <p>{allPagesInFolder.length} items under this folder.</p>
-    <div>
-      <PageList {...listProps} /> 
+  const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: "html" })
+  return (
+    <div class="popover-hint">
+      <article>{content}</article>
+      <p>{allPagesInFolder.length} items under this folder.</p>
+      <div>
+        <PageList {...listProps} />
+      </div>
     </div>
-  </div>
+  )
 }
 
 FolderContent.css = style + PageList.css

quartz/components/pages/TagContent.tsx

@@ -1,7 +1,7 @@
 import { QuartzComponentConstructor, QuartzComponentProps } from "../types"
-import { Fragment, jsx, jsxs } from 'preact/jsx-runtime'
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime"
 import { toJsxRuntime } from "hast-util-to-jsx-runtime"
-import style from '../styles/listPage.scss'
+import style from "../styles/listPage.scss"
 import { PageList } from "../PageList"
 import { ServerSlug, canonicalizeServer } from "../../path"
 
@@ -11,21 +11,23 @@ function TagContent(props: QuartzComponentProps) {
 
   if (slug?.startsWith("tags/")) {
     const tag = canonicalizeServer(slug.slice("tags/".length) as ServerSlug)
-    const allPagesWithTag = allFiles.filter(file => (file.frontmatter?.tags ?? []).includes(tag))
+    const allPagesWithTag = allFiles.filter((file) => (file.frontmatter?.tags ?? []).includes(tag))
     const listProps = {
       ...props,
-      allFiles: allPagesWithTag
+      allFiles: allPagesWithTag,
     }
 
     // @ts-ignore
-    const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: 'html' })
-    return <div class="popover-hint">
-      <article>{content}</article>
-      <p>{allPagesWithTag.length} items with this tag.</p>
-      <div>
-        <PageList {...listProps} />
+    const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: "html" })
+    return (
+      <div class="popover-hint">
+        <article>{content}</article>
+        <p>{allPagesWithTag.length} items with this tag.</p>
+        <div>
+          <PageList {...listProps} />
+        </div>
       </div>
-    </div>
+    )
   } else {
     throw new Error(`Component "TagContent" tried to render a non-tag page: ${slug}`)
   }