Bump dependencies

package.json

@@ -10,39 +10,39 @@
     "format": "prettier --write ./src"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-regular-svg-icons": "^6.4.0",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@serwist/next": "^9.0.3",
+    "@serwist/next": "^9.0.11",
-    "@vercel/analytics": "^1.0.2",
+    "@vercel/analytics": "^1.4.1",
-    "katex": "^0.16.11",
+    "katex": "^0.16.19",
-    "next": "^14.1.4",
+    "next": "^15.1.4",
-    "postcss": "^8.4.30",
+    "postcss": "^8.4.49",
-    "react": "^18.2.0",
+    "react": "^19.0.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^19.0.0",
-    "sharp": "^0.32.6",
+    "sharp": "^0.33.5",
-    "zustand": "^4.4.1"
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.16",
     "@types/katex": "^0.16.7",
-    "@types/node": "^20.6.3",
+    "@types/node": "^22.10.5",
-    "@types/react": "^18.2.22",
+    "@types/react": "^19.0.4",
-    "@types/react-dom": "^18.2.6",
+    "@types/react-dom": "^19.0.2",
-    "@typescript-eslint/eslint-plugin": "^7.4.0",
+    "@typescript-eslint/eslint-plugin": "^8.19.1",
-    "@typescript-eslint/parser": "^7.4.0",
+    "@typescript-eslint/parser": "^8.19.1",
-    "autoprefixer": "^10.4.15",
+    "autoprefixer": "^10.4.20",
-    "eslint": "^8",
+    "eslint": "^9.17.0",
-    "eslint-config-next": "^14.1.4",
+    "eslint-config-next": "^15.1.4",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-prettier": "^5.2.1",
-    "prettier": "^3.0.3",
+    "prettier": "^3.4.2",
-    "prettier-plugin-tailwindcss": "^0.6.4",
+    "prettier-plugin-tailwindcss": "^0.6.9",
-    "sass": "^1.67.0",
+    "sass": "^1.83.1",
-    "serwist": "^9.0.3",
+    "serwist": "^9.0.11",
-    "tailwindcss": "^3.3.3",
+    "tailwindcss": "^3.4.17",
-    "typescript": "^5.2.2",
+    "typescript": "^5.7.3",
-    "webpack": "^5.88.2"
+    "webpack": "^5.97.1"
   }
 }

src/app/api/akos/route.ts

@@ -1,4 +1,4 @@
-export const revalidate = 60 * 60 * 24; // 24 hours in seconds
+export const revalidate = 86400; // 24 hours in seconds
 
 const akosCsv =
   'https://www.akos-rs.si/?type=1452982642&o=Radioamaterji&no_cache=1&klicni_znak=&razred=&e=csv&order[0][column]=0&order[0][dir]=asc&columns[0][data]=RA_KlicniZnak';

src/app/izpit-gen/generator.tsx

@@ -31,7 +31,7 @@ const useS = create<IzpitState>((set) => ({
 }));
 
 export default function Generator() {
-  const [
+  const {
     seed,
     klasa,
     count,
@@ -40,16 +40,7 @@ export default function Generator() {
     frameUrl,
     updateFrameUrl,
     randomize,
-  ] = useS((s) => [
+  } = useS();
-    s.seed,
-    s.klasa,
-    s.count,
-    s.passThreshold,
-    s.time,
-    s.frameUrl,
-    s.updateFrameUrl,
-    s.randomize,
-  ]);
 
   return (
     <>

src/app/izpit-sim/izpit-quiz.tsx

@@ -65,7 +65,7 @@ const useStore = create<IzpitQuizStore>((set, get) => ({
 }));
 
 export default function IzpitQuiz() {
-  const [
+  const {
     state,
     questions,
     answers,
@@ -74,16 +74,7 @@ export default function IzpitQuiz() {
     load,
     finish,
     reset,
-  ] = useStore((state) => [
+  } = useStore();
-    state.state,
-    state.questions,
-    state.answers,
-    state.correctCount,
-    state.endTime,
-    state.load,
-    state.finish,
-    state.reset,
-  ]);
 
   return (
     <>

src/app/klicni-znak/callsign-tool.tsx

@@ -33,7 +33,7 @@ async function loadCallsigns() {
 export default function CallsignTool() {
   const [clas, setClas] = useState(1);
   const [callsign, setCs] = useState('');
-  const [taken, free] = useStore((state) => [state.taken, state.free]);
+  const { taken, free } = useStore();
   const [showSimilar, setShowSimilar] = useState(false);
 
   function setCallsign(cs: string | undefined) {

src/app/priprave/vaja-quiz.tsx

@@ -59,7 +59,7 @@ async function load(selectedCategory: string) {
 }
 
 export default function VajaQuiz() {
-  const [
+  const {
     isLoading,
     categories,
     selectedCategory,
@@ -67,15 +67,7 @@ export default function VajaQuiz() {
     answers,
     displayed,
     loadMore,
-  ] = useStore((state) => [
+  } = useStore();
-    state.isLoading,
-    state.categories,
-    state.selectedCategory,
-    state.questions,
-    state.answers,
-    state.displayed,
-    state.loadMore,
-  ]);
 
   useEffect(() => {
     if (questions.length === 0) {

src/styles/globals.scss

@@ -1,6 +1,6 @@
-@import 'tailwindcss/base';
+@use 'tailwindcss/base';
-@import 'tailwindcss/components';
+@use 'tailwindcss/components';
-@import 'tailwindcss/utilities';
+@use 'tailwindcss/utilities';
 
 @import 'katex/dist/katex.min.css';