เริ่มทำ Easy commerce กัน !

npm create vue@latest

├── index.html
├── package.json
├── public
├── src
│   ├── App.vue
│   ├── components --> สร้างเป็น folder ไว้ก่อน
│   ├── layouts
│   │   ├── AdminLayout.vue --> สร้างไฟล์ไว้ก่อน เดี๋ยวเราจะมาเพิ่มกัน
│   │   ├── UserLayout.vue --> สร้างไฟล์ไว้ก่อน เดี๋ยวเราจะมาเพิ่มกัน
│   ├── main.js
│   ├── stores --> สำหรับเก็บไฟล์ stores ของ Pinia ทั้งหมดเอาไว้
│       ├── admin --> store ฝั่ง admin
│       └── user --> store ฝั่ง user
│   ├── style.js --> สร้างเพิ่มมาสำหรับเตรียม import tailwind
│   ├── router
│   │   └── index.js
│   └── views
│       ├── admin --> สร้าง folder ไว้สำหรับใช้สำหรับฝั่ง admin
│       └── user --> สร้าง folder ไว้ก่อน จะใช้สำหรับหน้าของ user
└── vite.config.js

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

@tailwind base;
@tailwind components;
@tailwind utilities;

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import './style.css' // เพิ่มบรรทัดนี้เข้ามา

const app = createApp(App)

app.use(router)

app.mount('#app')

npm i -D daisyui@latest

module.exports = {
  plugins: [require("daisyui")],
}

<script setup>
import { RouterView } from 'vue-router'
</script>

<template>
  <div>
    <RouterView />
  </div>
</template>