fix build errors

Author: svdimitr

examples/ecommerce-jewellery-store/package-lock.json

@@ -34,6 +34,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.11.1",
+    "@types/node": "^22.9.0",
     "@types/react": "^18.3.10",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.2",

examples/ecommerce-jewellery-store/package.json

@@ -1,11 +1,11 @@
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
-import Header from "@/components/Header";
-import Footer from "@/components/Footer";
-import Contacts from "@/pages/Contacts";
-import ThankYou from "@/pages/ThankYou";
-import PaymentDetails from "@/pages/PaymentDetails";
+import Header from "./components/Header";
+import Footer from "./components/Footer";
+import Contacts from "./pages/Contacts";
+import ThankYou from "./pages/ThankYou";
+import PaymentDetails from "./pages/PaymentDetails";
 import { AllProductsListView } from "./pages/AllProductsListView";
-import Home from "@/pages/Home";
+import Home from "./pages/Home";
 import "@progress/kendo-theme-default/dist/all.css";
 import "@progress/kendo-theme-utils/dist/all.scss";
 import { SizedParent } from "./components/SizedParent";

examples/ecommerce-jewellery-store/src/App.tsx

@@ -17,8 +17,8 @@ import {
   paletteIcon,
 } from "@progress/kendo-svg-icons";
 import viloraLogo from "@/assets/vilora-logo.png";
-import items from "@/data/items";
-import languageItems from "@/data/language-items";
+import items from "../data/items";
+import languageItems from "../data/language-items";
 
 import { AppBar, AppBarSection } from "@progress/kendo-react-layout";
 

examples/ecommerce-jewellery-store/src/components/Header.tsx

@@ -48,7 +48,7 @@ export const ShoppingCartList: React.FC = () => {
     navigate("/paymentdetails");
   };
 
-  const updateQuantity = (event) => {
+  const updateQuantity = (event: any) => {
     console.log(typeof event);
     const target = event.target.element;
     const id = target.getAttribute("id");

examples/ecommerce-jewellery-store/src/components/ShoppingCartList.tsx

@@ -1,10 +1,9 @@
 import * as React from "react";
 
-import bracelets from "../assets/bracelets.png?url";
-import necklace from "../assets/necklace_1.jfif?url";
-import ring from "../assets/ring_1.jfif?url";
-import jewel from "../assets/1111.jfif?url";
-
+import bracelets from "@/assets/bracelets.png?url";
+import necklace from "@/assets/necklace_1.jfif?url";
+import ring from "@/assets/ring_1.jfif?url";
+import jewel from "@/assets/1111.jfif?url";
 import { Layout } from "../components/Layout";
 import { OrderedImgText } from "../components/OrderedImageCard";
 import { CustomSection } from "../components/CustomizedSection";

examples/ecommerce-jewellery-store/src/pages/AllProductsListView.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
-import { Layout } from "@/components/Layout";
-import CardNumber from "@/components/CardNumber";
-import ExpiryDate from "@/components/ExpiryDate";
-import PasswordInput from "@/components/PasswordInput";
-import CardHolder from "@/components/CardHolder";
+import { Layout } from "../components/Layout";
+import CardNumber from "../components/CardNumber";
+import ExpiryDate from "../components/ExpiryDate";
+import PasswordInput from "../components/PasswordInput";
+import CardHolder from "../components/CardHolder";
 import { Button } from "@progress/kendo-react-buttons";
 import { useNavigate } from 'react-router-dom';
 

examples/ecommerce-jewellery-store/src/pages/PaymentDetails.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Layout } from "@/components/Layout";
+import { Layout } from "../components/Layout";
 import { BackgroundImage } from '../components/BackgroundImage';
 import present from "@/assets/present.png";
 import { Button } from "@progress/kendo-react-buttons";

examples/ecommerce-jewellery-store/src/pages/ThankYou.tsx

@@ -3,5 +3,10 @@
   "references": [
     { "path": "./tsconfig.app.json" },
     { "path": "./tsconfig.node.json" }
-  ]
+  ],  "compilerOptions": {
+    "baseUrl": ".", // This is important to set the base URL for the paths
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  }
 }