# README #

เริ่มต้นการใช้งานเครื่องมือสำหรับเขียน Template salepage ของ shipnity โดยใช้พื้นฐานจาก VueJS และ VuetifyJS

### วิธีการใช้งาน

* เขียน html หรือ css (path: /public/html/:slug)
* Serve ด้วย npm run serve
* ดูผลลัพธ์ผ่าน url: /editor/:slug

### ใช้ app อย่างไร

* <snt-app /> ใช้เป็น root ของทุกๆ file html สำหรับเรียกใช้ data หรือ เครื่องมือต่างๆ 

### ใช้ section อย่างไร

* <snt-section /> ใช้ต่อจาก <snt-app /> 
* เป็น tag สำหรับกำหนด section ของข้อมูลมีผลต่อการใช้งาน หน้า UI Salepage ที่ลูกค้าจะใช้ในการตั้งค่า
* เป็น tag ไว้สำหรับกำหนดการจัดลำดับการแสดงผล

### ใช้ component อย่างไร

* tag component ใช้ต่อจาก <snt-section /> สำหรับการส่วนต่างๆ ของเว็บไซต์
* ใช้เป็นตัวกำหนดค่าของข้อมูลมีผลต่อการใช้งาน หน้า UI Salepage ที่ลูกค้าจะใช้ในการตั้งค่า
* รายชื่อ Whitelist ที่ผลกับการตั้งค่า UI  (snt-text, snt-text-editor, snt-navbar, snt-products, snt-video, snt-image, snt-footer,snt-feed, snt-feeds, snt-carousel, snt-link, snt-icon, snt-card)
* component ที่อยู่ใน slot ของ component อีกที จะไม่ถูกแสดงผลในหน้า UI
