{"id":17567849,"url":"https://github.com/aarcilam/vuelo-framework","last_synced_at":"2026-05-07T15:38:54.449Z","repository":{"id":258789582,"uuid":"875027770","full_name":"aarcilam/vuelo-framework","owner":"aarcilam","description":"vuelo es un framework ágil y ligero que combina la potencia de Vue con la velocidad impresionante de Bun. Diseñado para desarrolladores que buscan crear aplicaciones web interactivas y de alto rendimiento sin complicaciones, vueloFramework hace que la codificación se sienta como un vuelo suave.","archived":false,"fork":false,"pushed_at":"2024-10-20T23:06:40.000Z","size":108,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-04T14:48:56.234Z","etag":null,"topics":["bun","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aarcilam.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-18T23:43:27.000Z","updated_at":"2024-10-20T23:06:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"eb950a10-7bf3-459d-8f94-3bef80a07035","html_url":"https://github.com/aarcilam/vuelo-framework","commit_stats":null,"previous_names":["aarcilam/vuelo-framework"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aarcilam%2Fvuelo-framework","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aarcilam%2Fvuelo-framework/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aarcilam%2Fvuelo-framework/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aarcilam%2Fvuelo-framework/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aarcilam","download_url":"https://codeload.github.com/aarcilam/vuelo-framework/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246193259,"owners_count":20738452,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bun","typescript","vue","vue3"],"created_at":"2024-10-21T16:07:02.346Z","updated_at":"2025-10-09T02:41:25.817Z","avatar_url":"https://github.com/aarcilam.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 Vuelo\n\n**Vuelo** es un framework ágil y ligero que combina la magia de Vue con la\nvelocidad impresionante de Bun. Diseñado para aquellos desarrolladores que\nquieren crear aplicaciones web interactivas y de alto rendimiento, Vuelo\ntransforma la codificación en una experiencia placentera, ¡como un vuelo suave\nhacia el éxito!\n\n## ¿Por qué Vuelo?\n\nPorque tu código merece ser elevado a otro nivel. Aquí cada componente es un\npasajero feliz en un vuelo directo hacia la productividad.\n\n1. **Amo Vue**: La reactividad de Vue es un superpoder que te permite crear\n   interfaces interactivas sin sudar la gota gorda. Su sistema de componentes es\n   tan intuitivo que te sentirás como un maestro de ceremonias en un espectáculo\n   de fuegos artificiales.\n\n2. **Velocidad del servidor de Bun**: Hablemos de velocidad: el servidor de Bun\n   es **fast as f*ck**. Maneja miles de solicitudes por segundo como un ninja,\n   todo mientras te mantiene en la zona de desarrollo.\n\n3. **Simplicidad**: Vuelo combina lo mejor de Vue y la velocidad de Bun,\n   permitiéndote enfocarte en lo que realmente importa: construir algo increíble\n   sin complicaciones innecesarias.\n\n4. **Estático desde 0**: Desde el principio, todas las páginas y componentes\n   (excepto las futuras islas) son completamente estáticos. Tu servidor envía\n   únicamente HTML al cliente, asegurando que tu aplicación despegue con\n   velocidad y eficiencia.\n\n5. **Autoimportación de rutas**: En Vuelo, la carpeta `pages` es tu puerta de\n   embarque. Cada archivo en `pages` se convierte en una ruta automáticamente,\n   así que solo colócalo y ¡bam!, ¡listo para volar!\n\n## Funcionalidad de Islas\n\nVuelo admite la funcionalidad de islas, que permite que componentes individuales\nse carguen de manera interactiva. Esta funcionalidad se activa mediante los\natributos `data-hydrate` y `data-hydrate-event`.\n\n- **data-hydrate=\"Counter\"**: Este atributo debe coincidir con el componente que\n  se encargará de hidratarlo.\n- **data-hydrate-event=\"load\"**: Este atributo indica el evento que se utilizará\n  para hidratar el componente.\n\nSi no se incluyen estos atributos, el componente se renderizará de forma plana y\nno aprovechará la funcionalidad de hidratación. Además, los componentes deben\nubicarse en la carpeta `islands` para que sean servidos y detectados por el\nhidratador.\n\nEs importante mencionar que los componentes deben ser de Vue 2, ya que son\nmontados por Vue en el front, en el contenedor donde estaba el componente\nanterior.\n\nAquí tienes ejemplos de uso:\n\n```html\n\u003cCounter\u003e\u003c/Counter\u003e\n\u003cCounter data-hydrate=\"Counter\" data-hydrate-event=\"load\"\u003e\u003c/Counter\u003e\n\u003cCounter data-hydrate=\"Counter\" data-hydrate-event=\"click\"\u003e\u003c/Counter\u003e\n\u003cCounter data-hydrate=\"Counter\" data-hydrate-event=\"mouseover\"\u003e\u003c/Counter\u003e\n```\n\n## Instalación de Dependencias\n\nPara que tu aventura de codificación despegue sin problemas, primero instala las\ndependencias.\n\n```bash\nbun install\n```\n\n## Para Ejecutar\n\nUna vez que tus dependencias estén listas, es hora de tomar el control de la\ncabina y ejecutar el comando para iniciar tu viaje.\n\n```bash\nbun run index.ts\n```\n\n## Carpeta `pages`\n\nLa carpeta `pages` es donde la magia sucede. Cada archivo que pongas aquí es\ncomo un pasajero que llega justo a tiempo para abordar. No te preocupes por las\nimportaciones; simplemente añade tu archivo y deja que Vuelo haga el trabajo\npesado.\n\n## Origen del Proyecto\n\nEste proyecto fue creado usando `bun init` en bun v1.1.29. [Bun](https://bun.sh)\nes un runtime de JavaScript que hace que tu código vuele más rápido que un jet\nprivado.\n\n¡Gracias por elegir Vuelo! Esperamos que disfrutes del viaje tanto como nosotros\ndisfrutamos construirlo. ¡Feliz codificación! ✈️\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faarcilam%2Fvuelo-framework","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faarcilam%2Fvuelo-framework","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faarcilam%2Fvuelo-framework/lists"}