format

src/lib/components/comments/disqus.svelte

@@ -21,4 +21,4 @@
   onDestroy(() => document.querySelectorAll('#disqus_config, #disqus_script').forEach(node => node.remove()))
 </script>
 
-<div id="commento" class="-mb-2" />
+<div id="commento" class="-mb-2" />

src/lib/components/comments/giscus.svelte

@@ -37,4 +37,4 @@
 <div id="giscus-container">
   <button id="giscus-loading" class="btn btn-lg flex mx-auto my-4 btn-ghost btn-circle loading" />
   <div id="giscus" class="giscus" />
-</div>
+</div>

src/lib/components/comments/utterances.svelte

@@ -30,4 +30,4 @@
 <div id="utterances-container">
   <button id="utterances-loading" class="btn btn-lg flex mx-auto my-4 btn-ghost btn-circle loading" />
   <div id="utterances" class="utterances" />
-</div>
+</div>

src/lib/components/comments/webmention.svelte

@@ -32,7 +32,13 @@
     'wm-private': boolean
   }
 
-  let [page, loaded, end, mentions, sortDirUp]: [number, boolean, boolean, WebmentionEntry[], boolean] = [0, false, false, [], config?.sortDir === 'up' ? true : false]
+  let [page, loaded, end, mentions, sortDirUp]: [number, boolean, boolean, WebmentionEntry[], boolean] = [
+    0,
+    false,
+    false,
+    [],
+    config?.sortDir === 'up' ? true : false
+  ]
 
   const load = async () =>
     await fetch(
@@ -48,8 +54,7 @@
         feed = {
           ...feed,
           children: feed.children.filter(
-            (entry: WebmentionEntry) =>
+            (entry: WebmentionEntry) => !config.blockList?.includes(new URL(entry['wm-source']).origin)
-              !config.blockList?.includes(new URL(entry['wm-source']).origin)
           )
         }
         if (feed.children.length > 0) mentions = [...mentions, ...feed.children]
@@ -97,7 +102,8 @@
         'mention-of': ['💬 mentioned', 'border-base-300/50', 'text-base-content', 'tooltip-base-content'],
         rsvp: [
           `📅 RSVPed ${
-            mention.rsvp && {
+            mention.rsvp &&
+            {
               yes: '✅',
               no: '❌',
               interested: '💡',
@@ -196,4 +202,4 @@
       </div>
     </form>
   {/if}
-</div>
+</div>

src/lib/components/extra/alert.svelte

@@ -32,4 +32,4 @@
       <slot />
     </div>
   {/if}
-</div>
+</div>

src/lib/components/footer.svelte

@@ -43,4 +43,4 @@
       {/if}
     </p>
   </div>
-</footer>
+</footer>

src/lib/components/head.svelte

@@ -36,4 +36,4 @@
   {/if}
 </svelte:head>
 
-<OpenGraph {post} {page} />
+<OpenGraph {post} {page} />

src/lib/components/head_opengraph.svelte

@@ -47,4 +47,4 @@
       <meta property="og:url" content={site.protocol + site.domain} />
     {/if}
   {/if}
-</svelte:head>
+</svelte:head>

src/lib/components/header.svelte

@@ -53,7 +53,7 @@
 <header
   id="header"
   class:-translate-y-32={!pin && scrollY > 0}
- class="fixed z-50 w-screen transition-all duration-500 ease-in-out border-b-2 border-transparent max-h-[4.125rem] {scrollY >
+  class="fixed z-50 w-screen transition-all duration-500 ease-in-out border-b-2 border-transparent max-h-[4.125rem] {scrollY >
     32 && 'backdrop-blur border-base-content/10 bg-base-100/30 md:bg-base-200/30'}">
   <div in:fly={{ x: -50, duration: 300, delay: 300 }} out:fly={{ x: -50, duration: 300 }} class="navbar">
     <div class="navbar-start">
@@ -122,10 +122,10 @@
   class:opacity-100={scrollY}>
   <div
     class="radial-progress text-accent transition-all duration-500 ease-in-out group-hover:text-accent-focus col-start-1 row-start-1"
-     style={`--size:4rem; --thickness: 0.25rem; --value:${percent};`} />
+    style={`--size:4rem; --thickness: 0.25rem; --value:${percent};`} />
   <div
     class:border-transparent={percent > 95}
     class="border-4 border-base-content/10 group-hover:border-transparent col-start-1 row-start-1 rounded-full w-full h-full p-4 grid duration-500 ease-in-out">
-     <span class="i-heroicons-solid-chevron-up !w-6 !h-6" />
+    <span class="i-heroicons-solid-chevron-up !w-6 !h-6" />
   </div>
 </button>

src/lib/components/index_profile.svelte

@@ -9,7 +9,7 @@
     <div class="justify-end flex-none w-32 h-32 my-auto ml-auto avatar">
       <img
         class="rounded-full shadow-xl w-32 h-32 hover:rotate-[360deg] transition-transform duration-1000 ease-in-out"
-         src={site.author.avatar}
+        src={site.author.avatar}
         alt={site.author.name} />
       {#if site.author.status}
         <div class="heart absolute rounded-full w-10 h-10 bottom-0 right-0 bg-base-100 shadow-xl text-xl text-center py-1.5">
@@ -22,14 +22,15 @@
     <h1 class="mt-0 mb-2 text-3xl font-bold p-name">{site.author.name}</h1>
     <p class="opacity-75 p-note">{@html site.author.bio}</p>
     <p class="pt-3 space-x-3">
-            <a
+      <a
         class="text-sm transition tooltip tooltip-secondary hover:text-secondary"
         target="_blank"
         rel="noopener noreferrer"
         data-tip="Bookmark"
         aria-label="Bookmark"
         href="https://airtable.com/shrpftxf6JgRomP2X">
-        <span class="i-ic-round-bookmark-border
+        <span
+          class="i-ic-round-bookmark-border
  !w-8 !h-8 mr-1 fill-current inline-block hover:text-lime-500" />
       </a>
       <a

src/lib/components/post_action.svelte

@@ -9,4 +9,4 @@
       <svelte:component this={action.default} {post} />
     {/each}
   {/if}
-</div>
+</div>

src/lib/components/post_card.svelte

@@ -126,4 +126,4 @@
       <Comment {post} config={postConfig.comment} />
     {/if}
   {/if}
-</svelte:element>
+</svelte:element>

src/lib/components/post_comment.svelte

@@ -39,4 +39,4 @@
       {/key}
     {/if}
   </div>
-{/if}
+{/if}

src/lib/components/post_container.svelte

@@ -43,4 +43,4 @@
     </Card>
     <Footer sticky={true} />
   </div>
-</div>
+</div>

src/lib/components/post_layout.svelte

@@ -29,4 +29,4 @@
 
 <Container {post}>
   <slot />
-</Container>
+</Container>

src/lib/components/post_pagination.svelte

@@ -56,4 +56,4 @@
       </div>
     </div>
   {/if}
-</nav>
+</nav>

src/lib/components/post_reply.svelte

@@ -27,4 +27,4 @@
       {in_reply_to}
     </a>
   {/if}
-</div>
+</div>

src/lib/components/post_status.svelte

@@ -32,4 +32,4 @@
       {stringUpdated}
     </time>
   </a>
-</div>
+</div>

src/lib/components/post_toc.svelte

@@ -65,4 +65,4 @@
         { depth: toc[0].depth - 1, children: [] }
       )} />
   </nav>
-</aside>
+</aside>

src/lib/components/post_toc_tree.svelte

@@ -30,4 +30,4 @@
       </li>
     {/each}
   </ul>
-{/if}
+{/if}

src/lib/components/prose/img.svelte

@@ -7,4 +7,4 @@
   export let decoding: 'async' | 'sync' | 'auto' = 'async'
 </script>
 
-<img {src} {alt} class={className ?? 'rounded-lg my-2'} {loading} {decoding} />
+<img {src} {alt} class={className ?? 'rounded-lg my-2'} {loading} {decoding} />

src/routes/__error.svelte

@@ -35,4 +35,4 @@
     </article>
     <Footer sticky={true} class="flex-1 md:flex-initial" />
   </div>
-</div>
+</div>

src/routes/__layout.svelte

@@ -45,4 +45,4 @@
     out:fly={{ y: -100, duration: 300 }}>
     <slot />
   </div>
-{/key}
+{/key}

src/routes/index.svelte

@@ -123,4 +123,4 @@
       </div>
     {/key}
   </div>
-</div>
+</div>

tailwind.config.ts

@@ -24,8 +24,7 @@ const defineConfig = (config: Config) => config
 export default defineConfig({
   content: ['./src/**/*.{html,md,js,svelte,ts}'],
   theme: {
-    extend: {
+    extend: {}
-    }
   },
   plugins: [typography as TailwindPluginWithoutOptions, daisyui as TailwindPluginWithoutOptions],
   daisyui: {

urara/notes/index.svelte

@@ -1,10 +1,8 @@
-
+<script lang="ts">
-<script lang='ts'>
+  import { posts as storedPosts } from '$lib/stores/posts'
-  import { posts as storedPosts} from '$lib/stores/posts'
   import Head from '$lib/components/head.svelte'
-  import Footer from  '$lib/components/footer.svelte'
+  import Footer from '$lib/components/footer.svelte'
   // let notes  = storedPosts.filter((post)=> post.layout==='notes')
 </script>
 
-
 <Head />