Tag: SVELTEKIT
Estoy trabajando en una aplicación de SvelteKit con un menú lateral que contiene enlaces. No logro que la clase activa se aplique correctamente en mis enlaces. Los enlaces son componentes en NavLink.svelte: <script> import { page } from ‘$app/stores’; import Icon from ‘$lib/Icon.svelte’; export let title; export let href; </script></p> . . . Read more
Estoy intentando hacer enrutamiento anidado como se muestra en la documentación: https://kit.svelte.dev/docs#layouts-nested-layouts. Sin embargo, quiero que el enrutamiento anidado ocurra en la ruta de inicio /home. En el ejemplo puedo anidar la página de configuración, pero estoy tratando de descubrir el mismo patrón para la página de inicio, ya que . . . Read more
Estoy creando rutas de nombres de archivo anidadas como se muestra en la imagen a continuación: Estas URL funcionan como se espera: /localhost/list/2020/prod/furn /localhost/list/2020/prod/deco /localhost/list/2021/prod/furn Sin embargo, estas URL también funcionan, pero no deberían: /localhost/list/blah/p/furn /localhost/list/2020/xxx/deco /localhost/list/furn PD: Si se elimina “list” de las URL anteriores, no funcionan. URLs de . . . Read more
Me gustaría acceder a mi almacén de Svelte desde mi middleware, porque quiero guardar un valor en el almacén cuando se observe cierto valor de process.on(‘message’). Sin embargo, lo he intentado y cuando configuro el almacén, comienza con el valor inicial y esto se puede ver tanto en mi interfaz . . . Read more
https://tailwindcss.com/docs/background-image#arbitrary-values Así es como quiero utilizar la función de imagen de fondo de Tailwind. Esto no funciona con SvelteKit next 160 y Tailwind 3.0.9. Código: <script> import globe from ‘$assets/bg/bg_globe2.png’ </script> <div class=”flex flex-col bg-primary-dark h-64 overflow-hidden bg-no-repeat bg-[right_-14rem_bottom_-10rem] bg-[url(‘{$globe}’)]”> //children </div> La clase bg-[right_-14rem_bottom_-10rem] funciona sin problemas, así que . . . Read more