Feat/add bulma (#1)

* remove fixture for task and steps

* install bulma

* convert to scss files

* reset and implement first style classes

* design task form

* design task view

* design step record

* 💄 (home) new task and reset styling

* fix step title height

* add a record progress

* ♻️ (record) extract record controls

* ♿️ (record) add text for progress

* 💄 (step record) fix blob size

* ♻️ (record) no more getters who do an action too

package.json

@@ -6,7 +6,7 @@
     "dev": "vite",
     "build": "run-p type-check build-only",
     "preview": "vite preview",
-    "test": "pnpm lint && pnpm type-check && pnpm test:unit",
+    "test": "pnpm lint && pnpm type-check && pnpm test:unit --ui",
     "test:unit": "vitest",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@vueuse/core": "^9.13.0",
+    "bulma": "^0.9.4",
     "nanoid": "^4.0.2",
     "pinia": "^2.0.34",
     "pinia-plugin-persistedstate": "^3.1.0",
@@ -29,6 +30,8 @@
     "@types/jsdom": "^21.1.1",
     "@types/node": "^18.14.2",
     "@vitejs/plugin-vue": "^4.1.0",
+    "@vitest/browser": "^0.30.1",
+    "@vitest/ui": "^0.30.1",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.2",
     "@vue/test-utils": "^2.3.2",
@@ -42,6 +45,7 @@
     "typescript": "~4.8.4",
     "vite": "^4.2.1",
     "vitest": "^0.29.8",
-    "vue-tsc": "^1.2.0"
+    "vue-tsc": "^1.2.0",
+    "webdriverio": "^8.8.2"
   }
 }