fix packages and colors

.node-version

@@ -0,0 +1 @@
+22

components.d.ts

@@ -1,11 +1,11 @@
-// generated by unplugin-vue-components
+/* eslint-disable */
-// We suggest you to commit this file into source control
+// @ts-nocheck
+// Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
 export {}
 
-declare module '@vue/runtime-core' {
+/* prettier-ignore */
+declare module 'vue' {
   export interface GlobalComponents {
     AboutMe: typeof import('./src/components/presentation/about-me.vue')['default']
     AppHeader: typeof import('./src/components/app-header.vue')['default']

package.json

@@ -8,13 +8,13 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "engines": {
-    "node": ">= 16.0.0"
+    "node": ">= 22.0.0"
   },
   "devDependencies": {
-    "@islands/headings": "^0.8.2",
+    "@islands/headings": "^0.10.0-beta.1",
-    "@islands/prism": "^0.8.0",
+    "@islands/prism": "^0.10.0-beta.1",
-    "@islands/pwa": "^0.9.1",
+    "@islands/pwa": "^0.10.0-beta.1",
-    "iles": "^0.9.5",
+    "iles": "^0.10.0-beta.1",
     "prettier": "^2.8.8",
     "sass": "^1.62.1",
     "typescript": "^5.0.4",
@@ -26,10 +26,5 @@
     "chart.xkcd": "^1.1.13",
     "nanoid": "^4.0.2",
     "pinia": "^2.1.3"
-  },
-  "pnpm": {
-    "patchedDependencies": {
-      "typescript@5.0.4": "patches/typescript@5.0.4.patch"
-    }
   }
 }

patches/typescript@5.0.4.patch

@@ -1,12 +0,0 @@
-diff --git a/lib/lib.dom.d.ts b/lib/lib.dom.d.ts
-index 4a1be1170b5f39cc844bdf0a1c5b89872380c40c..1fd652f50c115b4d97f668ef75fe0d05c83a8eb9 100644
---- a/lib/lib.dom.d.ts
-+++ b/lib/lib.dom.d.ts
-@@ -5344,6 +5344,7 @@ interface EventTarget {
-     dispatchEvent(event: Event): boolean;
-     /** Removes the event listener in target's event listener list with the same type, callback, and options. */
-     removeEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean): void;
-+    value?: string
- }
- 
- declare var EventTarget: {

pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+onlyBuiltDependencies:
+  - '@parcel/watcher'
+  - esbuild
+  - vue-demi

src/assets/base.scss

@@ -1,4 +1,4 @@
-@import "prism.theme";
+@use "prism.theme";
 
 :root {
   --vt-c-white: #ffffff;
@@ -148,6 +148,7 @@ blockquote {
   margin: 1rem 2rem;
   border-radius: 0.3em;
   background-color: #574b90;
+  color: #e8e8e8;
 }
 
 iframe.youtube {

src/components/architecture/crc-card.vue

@@ -151,7 +151,6 @@ const removeCard = () => {
 <style scoped lang="scss">
 .crc-card {
   min-height: 200px;
-  background-color: var(--vt-c-black-mute);
   padding: 1rem;
   margin: 1rem 0;
   border-radius: 0.3em;

src/hooks/usePosts.hook.ts

@@ -14,7 +14,7 @@ const byMostRecentFirst = (a: Post, b: Post) => {
 }
 
 export const usePosts = () => {
-  const posts = $(useDocuments<Post>("@/pages/posts"))
+  const posts = useDocuments<Post>("@/pages/posts")
 
-  return computed(() => posts.sort(byMostRecentFirst))
+  return computed(() => posts.value.sort(byMostRecentFirst))
 }