web-shop

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

+++++++++++++++++++++++++++++ auto-animate plugin

• npm install @formkit/auto-animate
• add import { autoAnimatePlugin } from '@formkit/auto-animate/vue' in maim.js file
• also add use(autoAnimatePlugin) in main.js.
• add directive to ul or parrent div: v-auto-animate

tailwind

Vue Router

1. install

Back End use Mokky dev

Mokky orders https://117293b69b3e925a.mokky.dev/orders []

Mokky favorites https://5c2ef9148b61d8a7.mokky.dev/favorites []

Mokky items https://5c2ef9148b61d8a7.mokky.dev/items

[
  {
    "id": 1,
    "title": "Men's sneakers Nike Blazer Mid Suede",
    "price": 129,
    "imageUrl": "/sneakers/sneakers-1.jpg"
  },
  {
    "id": 2,
    "title": "Men's sneakers Nike Air Max 270",
    "price": 156,
    "imageUrl": "/sneakers/sneakers-2.jpg"
  },
  {
    "id": 3,
    "title": "Men's sneakers Nike Blazer Mid Suede",
    "price": 84,
    "imageUrl": "/sneakers/sneakers-3.jpg"
  },
  {
    "id": 4,
    "title": "Sneakers Puma X Aka Boku Future Rider",
    "price": 78,
    "imageUrl": "/sneakers/sneakers-4.jpg"
  },
  {
    "id": 5,
    "title": "Sneakers Future Rider",
    "price": 95,
    "imageUrl": "/sneakers/sneakers-5.jpg"
  },
  {
    "id": 6,
    "title": "Sneakers Nike Black Edition",
    "price": 169,
    "imageUrl": "/sneakers/sneakers-6.jpg"
  },
  {
    "id": 7,
    "title": "Sneakers Orange Boomb Edition",
    "price": 74,
    "imageUrl": "/sneakers/sneakers-7.jpg"
  },
  {
    "id": 8,
    "title": "Sneakers Nike Air Max 270",
    "price": 156,
    "imageUrl": "/sneakers/sneakers-8.jpg"
  },
  {
    "id": 9,
    "title": "Sneakers Nike Air Force 1",
    "price": 59,
    "imageUrl": "/sneakers/sneakers-9.jpg"
  },
  {
    "id": 10,
    "title": "Sneakers Adidas Ultraboost",
    "price": 115,
    "imageUrl": "/sneakers/sneakers-10.jpg"
  },
  {
    "id": 11,
    "title": "Sneakers Reabok Clyde All-Pro",
    "price": 76,
    "imageUrl": "/sneakers/sneakers-11.jpg"
  },
  {
    "id": 12,
    "title": "Sneakers Puma Chuck Taylor All-Star",
    "price": 130,
    "imageUrl": "/sneakers/sneakers-12.jpg"
  }
]