En esta app Web está todas las secciones mezcladas. Vamos a crear componentes para separar cada sección
Crea 4 componentes dentro de la carpeta components
- NavBar.vue
- Carousel.vue
- Products.vue
- Footer.vue
Luego, importalos adecuadamente dentro el componente principal App.vue.
Debes mover cada sección de HTML al componente correspondiente. Por ejemplo, toda la barra de navegación, debe ir en el componente NavBar. El carousel de imágenes debe ir en el fichero Carousel.vue, etc.
Lee las instrucciones a continuación para saber en todo momento cómo instalar las dependencias de este proyecto y lanzar el servidor de desarrollo.
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
See Vite Configuration Reference.
npm install
npm run dev
npm run build