colinscz · colinscz · Apr 2, 2023 · Mar 25, 2024 · Dec 1, 2024 · Dec 27, 2024
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc b/.eslintrc
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -13,11 +13,11 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v2
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: 16.x
+          node-version: 22.x
           cache: pnpm
 
       - name: Install
@@ -29,11 +29,11 @@ jobs:
   typecheck:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v2
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: 16.x
+          node-version: 22.x
           cache: pnpm
 
       - name: Install

diff --git a/.prettierrc b/.prettierrc
diff --git a/README.md b/README.md
@@ -1,9 +1,10 @@
 # pomodorino 🍅
-Pomodoro webapp - level up your productivity
 
+Pomodoro webapp - level up your productivity
 
 ## What is the pomodoro technique?
-Pomodoro is a method for staying focused and getting things done. 
+
+Pomodoro is a method for staying focused and getting things done.
 
 1. Decide on the task to be done.
 2. Set the pomodoro timer (~25 minutes).

diff --git a/e2e/tsconfig.json b/e2e/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "include": ["./**/*"]
+}
diff --git a/e2e/vue.spec.ts b/e2e/vue.spec.ts
@@ -0,0 +1,8 @@
+import { expect, test } from '@playwright/test'
+
+// See here how to get started:
+// https://playwright.dev/docs/intro
+test('visits the app root url', async ({ page }) => {
+  await page.goto('/')
+  await expect(page.locator('div.greetings > h1')).toHaveText('You did it!')
+})
diff --git a/env.d.ts b/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,13 @@
+// @ts-check
+import antfu from '@antfu/eslint-config'
+
+export default antfu(
+  {
+    formatters: true,
+  },
+  {
+    ignores: [
+      'src/shims-vue.d.ts',
+    ],
+  },
+)
diff --git a/index.html b/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
+    <title>Pomodorino</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/package.json b/package.json
@@ -3,32 +3,52 @@
   "type": "module",
   "version": "0.0.0",
   "private": true,
-  "packageManager": "pnpm@7.30.3",
+  "packageManager": "pnpm@9.15.1",
   "scripts": {
-    "dev": "vite --port 3333 --open",
-    "build": "vue-tsc && vite build",
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:e2e": "playwright test",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
     "lint-no-fix": "eslint .",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
+    "lint": "eslint . --fix",
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vueuse/core": "^9.13.0",
-    "@vueuse/head": "^1.1.23",
-    "vue": "^3.2.47"
+    "@unhead/vue": "^1.11.14",
+    "@vueuse/core": "^12.2.0",
+    "@vueuse/head": "^2.0.0",
+    "pinia": "^2.3.0",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.37.0",
-    "@vitejs/plugin-vue": "^4.1.0",
+    "@antfu/eslint-config": "^3.12.1",
+    "@tsconfig/node22": "^22.0.0",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^22.10.2",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitest/eslint-plugin": "1.1.20",
+    "@vue/eslint-config-typescript": "^14.1.3",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.7.0",
     "autoprefixer": "^10.4.14",
-    "eslint": "^8.36.0",
-    "pnpm": "^7.30.3",
+    "eslint": "^9.17.0",
+    "eslint-plugin-format": "^0.1.3",
+    "eslint-plugin-vue": "^9.30.0",
+    "jsdom": "^25.0.1",
+    "npm-run-all2": "^7.0.2",
     "postcss": "^8.4.21",
-    "prettier": "^2.8.7",
-    "prettier-plugin-tailwindcss": "^0.2.6",
-    "tailwindcss": "^3.3.1",
-    "typescript": "^4.9.3",
-    "vite": "^4.2.0",
-    "vue-tsc": "^1.2.0"
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.6",
+    "vite-plugin-vue-devtools": "^7.6.8",
+    "vitest": "^2.1.8",
+    "vue-tsc": "^2.2.0"
+  },
+  "resolutions": {
+    "vite": "^6.0.6"
   }
 }