styles: use @antfu

Author: HigherOrderLogic

.eslintignore

@@ -24,9 +24,7 @@ jobs:
       - name: Install dependencies
         run: yarn --immutable
       - name: Run Eslint
-        run: yarn run lint --fix=false
-      - name: Run Prettier
-        run: yarn run format --write=false --check
+        run: yarn run lint
 
   typecheck:
     name: Typecheck
@@ -67,4 +65,4 @@ jobs:
       - name: Install dependencies
         run: yarn --immutable
       - name: Building
-        run: yarn run generate
+        run: yarn run generate

.eslintrc

@@ -6,7 +6,7 @@ on:
       - master
 
 concurrency:
-  group: "pages"
+  group: pages
   cancel-in-progress: true
 
 permissions:
@@ -48,4 +48,4 @@ jobs:
     needs: building
     steps:
       - name: Deploy artifact to GitHub Pages
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4

.github/workflows/ci.yml

@@ -1 +1 @@
-**[horu.me](higherorderlogic.github.io)**
+**[horu.me](higherorderlogic.github.io)**

.github/workflows/deploy-pages.yml

@@ -1,38 +1,38 @@
 <script lang="ts" setup>
-import type { IBlog } from "~/types";
+import type { IBlog } from '~/types'
 
 const { data: blogs } = await useAsyncData(
-  "blogs-list",
-  async () => {
-    return (await queryContent<IBlog>("/blog/").find()).sort(
-      (a, b) => +new Date(b.date) - +new Date(a.date),
-    );
-  },
+  'blogs-list',
+  async () => (await queryContent<IBlog>('/blog/').find()).sort((a, b) => +new Date(b.date) - +new Date(a.date))
+  ,
   { default: () => [] },
-);
+)
 
 function getYear(a: string) {
-  const year = new Date(a).getFullYear();
-  return Number.isNaN(year) ? 1990 : year;
+  const year = new Date(a).getFullYear()
+  return Number.isNaN(year) ? 1990 : year
 }
 </script>
 
 <template>
   <prose-ul>
-    <prose-p v-if="blogs === null || !blogs.length"
-      >Nothing to find here.</prose-p
-    >
+    <prose-p v-if="blogs === null || !blogs.length">
+      Nothing to find here.
+    </prose-p>
     <template v-for="(blog, idx) in blogs" v-else :key="blog.path">
       <prose-h2
-        v-if="idx === 0 || getYear(blog.date) != getYear(blogs[idx - 1].date)"
+        v-if="idx === 0 || getYear(blog.date) !== getYear(blogs[idx - 1].date)"
         :id="getYear(blog.date).toString()"
-        class="year-index">
+        class="year-index"
+      >
         {{ getYear(blog.date) }}
       </prose-h2>
-      <prose-li class="blog-index"
-        ><prose-a :href="blog._path" class="blog-title">{{
-          blog.title
-        }}</prose-a>
+      <prose-li class="blog-index">
+        <prose-a :href="blog._path" class="blog-title">
+          {{
+            blog.title
+          }}
+        </prose-a>
         <div class="blog-data">
           {{ `${useFormattedDate(blog.date)} · ${blog.readTime}` }}
         </div>

.prettierignore

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-const { githubUsername } = useAppConfig();
+const { githubUsername } = useAppConfig()
 
-const githubProfileURL = `https://github.com/${githubUsername}`;
-const githubAvatarURL = `${githubProfileURL}.png`;
-const twitterProfileURL = `https://twitter.com/${githubUsername}`;
+const githubProfileURL = `https://github.com/${githubUsername}`
+const githubAvatarURL = `${githubProfileURL}.png`
+const twitterProfileURL = `https://twitter.com/${githubUsername}`
 </script>
 
 <template>
@@ -14,17 +14,19 @@ const twitterProfileURL = `https://twitter.com/${githubUsername}`;
       </nuxt-link>
     </div>
     <div class="content-container social-links-container">
-      <prose-a :href="githubProfileURL" target="_blank" rel="noopener"
-        >Github</prose-a
-      >
-      <prose-a :href="twitterProfileURL" target="_blank" rel="noopener"
-        >Twitter</prose-a
-      >
+      <prose-a :href="githubProfileURL" target="_blank" rel="noopener">
+        Github
+      </prose-a>
+      <prose-a :href="twitterProfileURL" target="_blank" rel="noopener">
+        Twitter
+      </prose-a>
     </div>
     <div class="content-container">
-      <prose-p>{{
-        `Hey, I'm ${githubUsername}. You can call me Horu!`
-      }}</prose-p>
+      <prose-p>
+        {{
+          `Hey, I'm ${githubUsername}. You can call me Horu!`
+        }}
+      </prose-p>
     </div>
   </div>
 </template>

.prettierrc

@@ -1,6 +1,9 @@
 <template>
-  <prose-h1 id="404" class="not-found-header">404</prose-h1
-  ><prose-p class="not-found-msg">Uh oh, this page can't be found.</prose-p>
+  <prose-h1 id="404" class="not-found-header">
+    404
+  </prose-h1><prose-p class="not-found-msg">
+    Uh oh, this page can't be found.
+  </prose-p>
 </template>
 
 <style>