# Introduction

Guide สำหรับสร้าง Website เพื่อให้ User ปรับแต่งในหน้า Builder ได้

  • ใช้ VueJS ในการเขียน
  • ทุกหน้าต้องมี root เป็น <snt-app>
  • <snt-app> จะมี children ได้เพียงแค่ <snt-section> เท่านั้น เพื่อแบ่ง Section ของ Element ด้านใน เพื่อความง่ายในการแก้ไขของ User
  • ดูตัวอย่างเว็บไซต์ได้ที่หน้า Example
  • Component ที่ใช้ได้ทั้งหมดอยู่ใน UI Components โดย Props และ Slot ที่ใช้ได้ของแต่ละ Component จะอยู่ที่ API Reference
  • snt-app จะมี data ที่สามารถใช้ได้เพื่ออำนวยความสะดวกในการเขียนเว็บไซต์ โดยมีวิธีเรียกใช้งานคือ
<snt-app #default="{
  _, theme, breakpoint, router, route, scrollUp, scrollY, customerName,
  isAuth, purchasesQuantity, productCategories, productBrands
}"

สามารถดูรายละเอียดของ data แต่ละตัวได้ที่ snt-app