Vue3-mini

A Vue 3 project with Vite, Pinia, Vutensils, Histoire, and Playwright. This is currently my learning playground for FE technologies.

Building out a mock site for a trucking transportation related org. Pinia is not being utilized yet.

Components:

• Hero made with Hero Generator
• Flashcard flips with CSS - plans to shift to a Pinia state
• Menu uses Vuetensils VDrawer to manage attributes aria-haspopup and aria-expanded
• MenuLinks uses Vuetensils VBtn and a v-for to render RouterLink or <a> according to data passed in
• Service component wrapped in a RouterLink for navigation to service types
• TextMotion with slot is animated each time the component enters the viewport (using Javascript)

Current Views

• Home path /
• About path /about
• Service path /services
  • JIT path /services/just-in-time
  • Heavy Haul & Flatbed path /services/special-equipment
  • Reefer path /services/reefer

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build