Skip to content

Latest commit

 

History

History
42 lines (29 loc) · 1.31 KB

README.md

File metadata and controls

42 lines (29 loc) · 1.31 KB
Raw

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