feat: rewrite

renovate.json → .github/renovate.json

@@ -4,14 +4,13 @@
     "config:base",
     "schedule:weekly",
     "group:allNonMajor",
-    ":maintainLockFilesWeekly",
     ":rebaseStalePrs",
     ":semanticCommits"
   ],
   "labels": ["dependencies"],
   "packageRules": [
     {
-      "matchUpdateTypes": ["patch", "lockFileMaintenance"],
+      "matchUpdateTypes": ["patch"],
       "automerge": true
     }
   ]

.github/workflows/ci.yml

@@ -8,10 +8,19 @@ on:
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.number || github.sha }}
+  cancel-in-progress: true
 
 jobs:
-  linting:
-    name: Linting
+  should-deploy:
+    name: Check if should deploy page
+    runs-on: ubuntu-lastest
+    if: github.event_name == 'push' || contains(github.ref, '/heads/master')
+    steps:
+      - name: Write output
+        run: echo "deploy=true" >> "$GITHUB_OUTPUT"
+
+  lint:
+    name: Lint
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -29,7 +38,7 @@ jobs:
   typecheck:
     name: Typecheck
     runs-on: ubuntu-latest
-    needs: linting
+    needs: lint
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -42,13 +51,12 @@ jobs:
         run: yarn --immutable
       - name: Run typechecking
         continue-on-error: true
-        run: yarn typecheck
+        run: yarn run typecheck
 
-  building:
-    name: Building
+  build:
+    name: Build
     runs-on: ubuntu-latest
-    needs: linting
-    if: github.event_name != 'push' || !contains(github.ref, '/heads/master')
+    needs: lint
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -66,3 +74,18 @@ jobs:
         run: yarn --immutable
       - name: Building
         run: yarn run generate
+      - name: Upload artifact
+        if: ${{ steps.should-deploy.outputs.deploy }}
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: .output/public
+
+  deploy-pages:
+    name: Deploy pages
+    runs-on: ubuntu-lastest
+    needs:
+      - build
+      - should-deploy
+    steps:
+      - name: Deploy artifact to GitHub Pages
+        uses: actions/deploy-pages@v4

.yarnrc.yml

@@ -2,4 +2,4 @@ enableGlobalCache: true
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.3.1.cjs
+yarnPath: .yarn/releases/yarn-4.4.1.cjs

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present HigherOrderLogic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

app/app.vue

@@ -0,0 +1,5 @@
+<template>
+  <nuxt-layout>
+    <nuxt-page />
+  </nuxt-layout>
+</template>

app/assets/css/index.scss

@@ -0,0 +1,5 @@
+html {
+    &.dark-mode {
+        --at-apply: "bg-#050505"
+    }
+}

app/components/cd.vue

@@ -0,0 +1,5 @@
+<template>
+  <nuxt-link v-if="$route.path !== '/'" :to="$route.path.split('/').slice(0, -1).join('/') || '/'">
+    cd ..
+  </nuxt-link>
+</template>

app/components/navbar.vue

@@ -0,0 +1,21 @@
+<template>
+  <header class="block p-4 flex">
+    <nuxt-link to="/">
+      <img
+        src="https://github.com/HigherOrderLogic.png"
+        alt="Logo"
+        class="border-rd-full w-12 h-a dark:(outline-#f5f5f5 outline-solid)"
+      >
+    </nuxt-link>
+    <div class="w-full" />
+    <nav class="flex flex-items-center gap-4 dark:text-#f5f5f5">
+      <nuxt-link to="/blogs">
+        Blogs
+      </nuxt-link>
+      <nuxt-link to="https://github.com/HigherOrderLogic">
+        <div class="i-mdi-github font-size-[24px]" />
+      </nuxt-link>
+      <theme-toggle />
+    </nav>
+  </header>
+</template>

app/components/theme-toggle.vue

@@ -0,0 +1,11 @@
+<template>
+  <color-scheme>
+    <button
+      class="i-mdi-weather-sunny dark:i-mdi-weather-night font-size-[24px]"
+      @click="$colorMode.preference = $colorMode.preference === 'dark' ? 'light' : 'dark'"
+    />
+    <template #placeholder>
+      <div class="i-mdi-weather-sunny font-size-[24px]" />
+    </template>
+  </color-scheme>
+</template>

app/error.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+const { statusCode = 404, statusMessage = 'Page not found' } = useError().value
+</script>
+
+<template>
+  <nuxt-layout>
+    <h1>
+      {{ statusCode }}
+    </h1>
+    <p>
+      {{ statusMessage }}
+    </p>
+  </nuxt-layout>
+</template>

app/layouts/default.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="font-normal font-[Inter_Variable] w-full">
+    <div>
+      <navbar />
+      <div class="m-a lg:prose lt-md:px-4 prose-neutral dark:prose-invert">
+        <slot />
+        <cd />
+      </div>
+    </div>
+  </div>
+</template>

app/pages/blogs/[...slugs].vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+const ContentNotFound = defineComponent({
+  setup() {
+    showError({
+      statusCode: 404,
+      statusMessage: 'Blog not found',
+    })
+  },
+})
+</script>
+
+<template>
+  <content-doc>
+    <template #default="{ doc }">
+      <h1>{{ doc.title }}</h1>
+      <p>{{ useDateFormat(doc.date, 'ddd, DD MMM YYYY') }}</p>
+      <content-renderer :value="doc" />
+    </template>
+    <template #not-found>
+      <content-not-found />
+    </template>
+  </content-doc>
+</template>

app/pages/blogs/index.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+useHead({ title: 'Blogs' })
+</script>
+
+<template>
+  <div>
+    <h1>Blogs</h1>
+    <content-list v-slot="{ list }" path="/blogs">
+      <template v-for="blog in list.sort((a, b) => +new Date(a.date) - +new Date(b.date))" :key="blog._path">
+        <h2>
+          <nuxt-link :to="blog._path">
+            {{ blog.title }}
+          </nuxt-link>
+        </h2>
+        <p class="pl-4">
+          {{ useDateFormat(blog.date, 'DD MMM YYYY') }}
+        </p>
+      </template>
+    </content-list>
+  </div>
+</template>

app/pages/index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    <h1>
+      Hello!
+    </h1>
+    <p>
+      <!-- eslint-disable-next-line vue/singleline-html-element-content-newline -->
+      I'm <nuxt-link to="https://github.com/HigherOrderLogic">HigherOrderLogic</nuxt-link>.
+    </p>
+  </div>
+</template>