migracion a svelte 5

Signed-off-by: fede <federico.nicolas.polidoro@gmail.com>

Front/.svelte-kit/generated/client/app.js

@@ -17,4 +17,4 @@ export const hooks = {
 	reroute: (() => {})
 };
 
-export { default as root } from '../root.svelte';
+export { default as root } from '../root.js';

Front/.svelte-kit/generated/client/nodes/0.js

@@ -1 +1 @@
-export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-4/layout.svelte";
+export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-5/layout.svelte";

Front/.svelte-kit/generated/client/nodes/1.js

@@ -1 +1 @@
-export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-4/error.svelte";
+export { default as component } from "../../../../node_modules/@sveltejs/kit/src/runtime/components/svelte-5/error.svelte";

Front/package.json

@@ -10,9 +10,9 @@
     "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tsconfig/svelte": "^5.0.4",
-    "svelte": "^4.2.19",
+    "svelte": "^5.0.0",
     "svelte-check": "^4.0.5",
     "tslib": "^2.8.0",
     "typescript": "^5.6.3",

Front/src/lib/FormPostCli.svelte

@@ -1,18 +1,22 @@
 <script lang="ts">
     import { Form, FormGroup, Input, Button} from "@sveltestrap/sveltestrap";
 
-    export let url: string
+    interface Props {
+        url: string;
+    }
 
-    let showAlert: boolean = false;
-    let errorMessage: string
+    let { url }: Props = $props();
 
-    let dni: number
-    let email: string
-    let contraseña: string
-    let nombre: string 
-    let apellido: string
-    let domicilio: string 
-    let celular: string 
+    let showAlert: boolean = $state(false);
+    let errorMessage: string = $state()
+
+    let dni: number = $state()
+    let email: string = $state()
+    let contraseña: string = $state()
+    let nombre: string = $state() 
+    let apellido: string = $state()
+    let domicilio: string = $state() 
+    let celular: string = $state() 
 
     async function submitForm(event: any) {
         event.preventDefault();

Front/src/lib/NavBarLogin.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Navbar, NavbarBrand, NavbarToggler, NavItem, Nav, NavLink, Collapse } from "@sveltestrap/sveltestrap";
-    let isOpen = false;
+    let isOpen = $state(false);
     function handleUpdate(event) {
       isOpen = event.detail.isOpen;
     }

Front/src/lib/RutaProtegida.svelte

@@ -7,7 +7,7 @@
   let isVerified = writable(false);
 
  
-  export let component;
+  let { component } = $props();
 
   let redirect = window.location.pathname;
 
@@ -43,7 +43,8 @@
     </div>
 {:else}
     {#if $isAuthenticated}
-        <svelte:component this={component}/>
+        {@const SvelteComponent = component}
+        <SvelteComponent/>
     {:else}
         {navigate('/')}
     {/if}

Front/src/lib/login.svelte

@@ -2,9 +2,9 @@
   import { CardHeader, CardTitle, Button, Card, Input, Form, CardBody, FormGroup } from '@sveltestrap/sveltestrap';
   import { navigate } from 'svelte-routing';
   
-  let email = ""
-  let contraseña = ""
-  let errorMessage = ""
+  let email = $state("")
+  let contraseña = $state("")
+  let errorMessage = $state("")
   let showAlert = false; 
   
   // @ts-ignore

Front/src/main.ts

@@ -1,7 +1,8 @@
 //import './app.css'
 import App from './App.svelte'
+import { mount } from "svelte";
 
-const app = new App({
+const app = mount(App, {
   target: document.getElementById('app')!,
 })