update dependencies

2026-03-12 20:23:48 +01:00
parent 40da285b9f
commit 47253aeb5e
10 changed files with 3103 additions and 3493 deletions
--- a/2
+++ b/2
@@ -1,7 +1,7 @@
 .PHONY: server-python server-node

 server-python:
-	cd server-python; poetry run fastapi dev app.py --port 3000; cd -
+	cd server-python; uv run fastapi dev app.py --port 3000; cd -
 server-node:
 	npm run server:dev
 fe:
--- a/index.html
+++ b/index.html
@@ -1,8 +1,14 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-theme="light">
  <head>
    <meta charset="UTF-8" />
    <meta name="theme-color" content="#2ecc71">
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap"
+    />
    <link
      rel="icon"
      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🌡️</text></svg>"
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
  },
  "dependencies": {
    "@vueuse/core": "^10.5.0",
-    "bulma": "^0.9.4",
+    "bulma": "^1.0.4",
    "dayjs": "^1.11.7",
    "dotenv": "^16.0.3",
    "express": "^4.18.2",
@@ -24,14 +24,14 @@
    "mongodb": "^4.13.0",
    "openapi-fetch": "^0.10.2",
    "sass": "^1.69.5",
-    "vue": "^3.4.3",
-    "vue-router": "^4.2.5"
+    "vue": "^3.5.30",
+    "vue-router": "^5.0.3"
  },
  "devDependencies": {
    "@rushstack/eslint-patch": "^1.5.1",
    "@types/express": "^4.17.21",
    "@types/node": "^20.9.0",
-    "@vitejs/plugin-vue": "^4.4.1",
+    "@vitejs/plugin-vue": "^6.0.5",
    "@vue/eslint-config-prettier": "^9.0.0",
    "@vue/eslint-config-typescript": "^12.0.0",
    "@vue/test-utils": "^2.4.3",
@@ -45,8 +45,8 @@
    "prettier": "^3.0.3",
    "ts-node": "^10.9.1",
    "typescript": "^5.2.2",
-    "vite": "^4.5.0",
-    "vitest": "^1.1.1",
+    "vite": "^8.0.0",
+    "vitest": "^4.1.0",
    "vue-tsc": "^1.8.27"
  },
  "type": "module"
--- a/src/components/Chart.vue
+++ b/src/components/Chart.vue
@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
 import * as Highcharts from 'highcharts'
-import 'highcharts/css/highcharts.scss'
+import 'highcharts/css/highcharts.css'
 import Loader from '@/components/Loader.vue'
 import { capitalizeFirstLetter } from '@/utils/helpers'
 import type { Window, NavTypes } from '@/utils/types'
@@ -68,8 +68,7 @@ const renderChart = () => {
 }
 </script>

-<style lang="scss">
-@import '@/style/_variables.scss';
+<style>
 .chart-container {
  display: flex;
  flex-direction: column;
@@ -90,17 +89,17 @@ const renderChart = () => {
  stroke-width: 3px;
 }
 .highcharts-color-0 {
-  fill: $primary;
-  stroke: $primary;
+  fill: var(--bulma-primary);
+  stroke: var(--bulma-primary);
 }
 .highcharts-axis-line {
-  // stroke-width: 1px !important;
-  stroke: $border !important;
+  /* stroke-width: 1px !important; */
+  stroke: var(--bulma-border) !important;
 }
 .highcharts-grid-line {
  stroke-width: 1px !important;
  stroke-dasharray: 5, 5 !important;
-  stroke: $border !important;
+  stroke: var(--bulma-border) !important;
 }
 text {
  font-size: 0.8rem;
--- a/src/components/Loader.vue
+++ b/src/components/Loader.vue
@@ -6,8 +6,7 @@
    <div></div>
  </div>
 </template>
-<style scoped lang="scss">
-@import '@/style/_variables.scss';
+<style scoped>
 .lds-ring {
  display: inline-block;
  position: relative;
@@ -21,10 +20,10 @@
  width: 51px;
  height: 51px;
  margin: 6px;
-  border: 6px solid $border;
+  border: 6px solid var(--bulma-border);
  border-radius: 50%;
  animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: $border transparent transparent transparent;
+  border-color: var(--bulma-border) transparent transparent transparent;
 }
 .lds-ring div:nth-child(1) {
  animation-delay: -0.3s;
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -4,7 +4,7 @@
      <router-link to="/" class="navbar-item nav-title">dht22</router-link>
      <a
        role="button"
-        class="navbar-burger burger"
+        class="navbar-burger has-text-white"
        aria-label="menu"
        aria-expanded="false"
        data-target="navbar"
@@ -14,6 +14,7 @@
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
      </a>
    </div>

@@ -48,12 +49,11 @@ const navTypes: NavTypes[] = ['temperatuur', 'luchtvochtigheid']
 if (!activeType.value) setType(navTypes[0])
 const toggleMenu = () => (toggled.value = !toggled.value)
 </script>
-<style scoped lang="scss">
-@import '@/style/_variables.scss';
+<style scoped>
 .nav-title {
  font-weight: bold;
 }
-@media screen and (max-width: $navbar-breakpoint) {
+@media screen and (max-width: 1024px) {
  .navbar {
    position: relative;
  }
@@ -63,4 +63,8 @@ const toggleMenu = () => (toggled.value = !toggled.value)
    right: 0;
  }
 }
+.navbar-item,
+.navbar-link {
+  color: var(--bulma-white) !important;
+}
 </style>
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
 import App from '@/App.vue'
 import router from '@/router'
+import 'bulma/css/bulma.css'
 import '@/style/style.scss'

 const app = createApp(App)
--- a/src/style/_variables.scss
+++ b/src/style/_variables.scss
@@ -1,6 +0,0 @@
-$primary: #2ecc71;
-$link: #3498db;
-$family-sans-serif: 'Fira Sans', sans-serif;
-$gap: 32px !default;
-$navbar-breakpoint: 960px + (2 * $gap);
-@import "bulma/sass/utilities/_all.sass";
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -1,8 +1,17 @@
@charset "utf-8";
-@import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap');
+
+:root {
+        --bulma-primary-h: 145deg;
+        --bulma-primary-s: 63%;
+        --bulma-primary-l: 49%;
+        --bulma-link-h: 204deg;
+        --bulma-link-s: 70%;
+        --bulma-link-l: 53%;
+        --bulma-family-primary: 'Fira Sans', sans-serif;
+        --bulma-family-secondary: 'Fira Sans', sans-serif;
+}
+
 html, body {
    height: 100%;
    overflow: auto!important;
 }
-@import "./variables";
-@import "bulma/bulma";