diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 00000000..9e55be03
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,2863 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [unreleased]
+
+### 🚀 Features
+
+- *(date-picker)* Readonly and disable handle
+- Add abort upload controller as function args
+- Add abort upload and upload progress handler
+- Add workflow template store
+- Add type
+- Search and paging workflow template
+- Add query to store
+- Add api function invoice
+- Add status filter
+- Ad i19n
+- Add field to type
+- Add i18n
+- Update quotation card
+- Add switch component
+- Also allow other type (num or enum)
+- Add icon support for badge component
+- Detect quotation status
+- Change view by condition
+- Add type payment
+- Add view type
+- Add dynamic color to quotation form info
+- Convert back installment no function
+- Filter by installment no
+- Send selected installment no to preview
+- Payment view
+- Add shared product group
+- Add params
+- Remove flow from store
+- Shared product group input
+- Add tooltip on hover icon nly button
+- Don't allow edit after accepted
+- Paycondition
+- Also get installment no from preset data
+- Hide expire when condition met
+- Add util for array management
+- Add fetch payment fn
+- Update payment stores
+- Add attachment manager for payment store
+- Add ref type for data
+- Abstract function
+- Add utils function for array
+- Add notifcation store
+
+### 🐛 Bug Fixes
+
+- I18n
+- Receipt dialog
+- *(05)* Slip file display
+- Employee customerBranch display (registerName)
+- *(quotation-preview)* Discount not show
+- Price calc
+- Changing language doesn't work
+- *(05)* Layout space and scroll
+- *(01)* Search
+- Quotation attachment
+- *(04)* Payment type option
+- *(01)* Search no data
+- *(05)* Total padi remain display condition
+- Double upload attachment
+- *(04)* Search id, flow dialog
+- Typo
+- Type
+- Search no data, data length display
+- *(02)* Padding
+- *(04)* Summary
+- Pagination
+- Workflow page
+- Wrong type
+- Workflow template => flow form data, scroll to last item, sidemenu active
+- *(03)* Tel
+- Comma input
+- Total not update on change tab
+- Type wf function
+- Status not update on mount
+- Assign step id
+- Error import
+- *(04)* Service type and store
+- Main btn & select input component props, etc
+- Workflow change status
+- *(04)* Service with workflow
+- Pagination boundary
+- Service work product attributes (workflow)
+- Change workflow template on work, undo issue
+- Work product installmentNo
+- Workname
+- Typos
+
+### 🚜 Refactor
+
+- Get customerBranch by id
+- Handle telephoneNo
+- Handle show moo
+- Assign after submit
+- Format value before peview
+- Add id
+- Add query
+- Search quotation
+- *(utils)* Always append currency .00
+- *(form-quotation)* Layout
+- Add type Payment
+- Create payment file
+- Edit btn add
+- Move remark
+- Add installments type to service
+- By dueDate
+- *(05)* Upload slip
+- Add type installmentNo
+- Add input installmentNo
+- Handle negative value
+- Handle max-width
+- Edit name value filName -> nameField
+- Upload file card component
+- Payment status i18n, danger color
+- ReceiptDialog
+- Flowdialog
+- Use built in query string instead
+- I18n
+- Workflow dialog & mock data
+- Add installmentNo in node
+- Add tab status quotation
+- Delete title product
+- Add installmentNo
+- Edit layout input
+- Edit status
+- Tel i18n
+- *(04 flow)* Type and create function
+- Flow
+- Add i18n
+- Show expiration date
+- Move function to utile
+- Use i18n
+- Calculate days expire
+- Handle show date expire
+- Create BadgeCompoent
+- Use BadgeCompoent
+- Allow non i118n text to be passed
+- Add type QuotationStatus
+- Handle QuotationStatus at create
+- Create function changeStatus
+- Create function accepted
+- Create submitAccepted
+- Test submit
+- Adjust spacing
+- Remove param
+- Use icon on quotation card
+- Prepare for switch view
+- Workflow
+- Handle rules registerName
+- Convert numbers into thai text
+- Add agentUserId
+- Add type agentUserId
+- Handle field only lagelPersonNo , registerName
+- Handle type number
+- Handle codeHome Not required
+- Use variable for color
+- Get stats customer
+- Handle homeCode
+- Set default
+- Add payment store skeleton
+- Use icon instead of character
+- Handle nrcNO not required
+- Show namePrefix
+- Handle employmentOffice
+- NrcNo can is null
+- Handle agentUserId
+- Handle fiel required  form
+- Hide add customer at quotation
+- Add new column
+- Edit column
+- Switch nameEN
+- Handle data is null
+- Edit agent -> agentUserId
+- Remove date from installments
+- Add selectedAll
+- Type paySplit add invoice
+- Add table paySplit
+- Edit table paySplit
+- Id is null
+- Invoice is null
+- Add page invoice
+- File name
+- Project structure (1)
+- Project structure (2)
+- Update status
+- Handle btn save
+- Project structure (3)
+- Util fn
+- Handle  peview mod
+- Delete log
+- Extract navigator into store instead
+
+### ⚙️ Miscellaneous Tasks
+
+- Change variable name
+- Remove unused
+- Format
+- Deprecate function
+- Add deprecated function
+
+### Refactro
+
+- By installmentNo
+- Add i18n
+
+## [0.4.2] - 2024-10-21
+
+### 🚜 Refactor
+
+- Use session storage instead
+
+### ⚙️ Miscellaneous Tasks
+
+- Clean
+
+## [0.4.1] - 2024-10-18
+
+### 🐛 Bug Fixes
+
+- Error undefined
+
+### 🚜 Refactor
+
+- Final price width
+
+## [0.4.0] - 2024-10-18
+
+### 🚀 Features
+
+- Quotation api
+- Add ancestor node
+- Quotation view
+- Add pagination
+- Add transition
+- Add ocr trained data
+- Add ocr function
+- Add util file to base64
+- Add formatter and check function
+- Add formatter
+- Also send original object into format function
+- Send original value in instead
+- Check for valid input checksum
+- Add quotation form state
+- Add comment
+- Type quotation
+- Add function edit quotation data
+- Add function submit
+- Uncomment submit
+- Prevent overwrite
+- Handle uncheck tree and partial select
+- Select result service product list quotation
+- Add select product service function to form
+- Hide on not select product group
+- Add i18n
+- Add util calculate with precision
+- Use util calc price
+- Disable some field
+- Add agent price
+- Number to word
+- Add config endpoint
+- Price vat
+- Quotation stats
+- Add worker index on submit
+- Set amount on select worker / product
+- Reverse tree convert
+- Price summary
+- Add final discount as payload
+- Enable quotation menu
+- Add worker index on update
+- Remember selected worker for product
+- Add metadata
+- Add query string options
+- List customer branch now fetch all in company
+- Get actor through metadata
+- Add tree spacing and move arrage outside
+- Add property deletable
+- Add class no print
+- Page setting
+- Add product option
+- Show real actor
+- Add filter node by text
+- Add more prefix
+- Add calc vat into product (will be calc in quotation)
+- Add get quotation payment
+- Add option
+- Make background white when print to pdf
+- Split page
+- Add vat excluded calc
+- Store data for preview
+- Disable view mode
+- Preview route and trigger preview
+- Add print button
+- *(i18n)* Add text
+- *(doc-preview)* Add toolbar
+- Add preview footer
+- Remark
+- Update button and spacing
+- Display company name footer
+- Add additional info to preview
+- Detect edit mode
+- Change mode on reset
+- Detect if closeable
+- Close button
+- Add label
+- Store it full response as source
+
+### 🐛 Bug Fixes
+
+- Button position
+- Quotation customer & dialog props
+- Dialog not close
+- Body element should not be used
+- Wrong element used
+- Store name
+- Uploadfile missing
+- Edit value null
+- Missing format
+- Typo
+- Wrong format
+- Function name
+- Move store inside to avoid possible error on import
+- Type
+- Wrong calc
+- Type quotation
+- *(05)* Product item table
+- I18n and dialog state
+- Quotation select
+- Props not have effect
+- Dialog error & i18n
+- Node checked
+- Data only appear 5 rows
+- Responsive scroll
+- Product item table layout
+- Product service info
+- Nationality value option
+- Error types
+- I18n
+- Product table
+- Not enough time to assign worker to selectedWorker
+- Comma input & i18n
+- Forgot price per unit
+- Submit disappear small screen
+- *(05)* Special condition
+- Product worker
+- Sum price, vat, amount info
+- Convert product to tree
+- Layout
+- Type to package
+- Display text
+- Clean and finalproduct installment
+- Product count
+- Type error
+- Profile banner icon & title
+- Expansion icon color
+- Assign select
+- Vat display format
+- Readonly, info code & createdAt
+- Product item readonly
+- Quotation customer
+- Installments split
+- Missing vat calc
+- Default product table
+- Product count & ref delete & fetch worker
+- Installment split
+- Active css
+- Scoped css
+- Error backend changed
+- Wrong type
+- Wrong i18n
+- Installment comma input
+- Textarea not wrap
+- Missing in another lang
+- Some condition not met make node not show
+- *(quotation)* Auto split date
+- *(quotation)* Service/package info detail
+- Pagination boundary
+- Margin
+- Unintent test code
+- *(04)* Basic info col
+- Scroll to new workname
+- Scroll to new work
+- *(04)* Add work btn side menu
+- *(04)* Product search
+- *(05)* End of month installments
+- Paysplit assign & info display
+- Stats not update when change tab with data updated
+- Home page menu not working
+- *(05)* Node to selected product
+- Worker display number, expire date
+- *(04)* Pay type
+- Background
+- Readonly quotation info
+- *(05)* Display final price on quotation card
+- PricePerUnit calc
+- Missing import
+- Price scope
+- Name
+- *(05)* Watch paysplit
+- Quotation discount
+- Remove button
+- Disabled / readonly field background
+- Display name in table
+- Split date
+- Hide toggle status
+- Reset not actually reset
+- Delete wrong row
+- Warning color
+- Form info split input
+- Readonly editor
+
+### 🚜 Refactor
+
+- Q-step count
+- Header registered branch
+- Hide nameEn
+- New components
+- Make year as A.D.
+- Update select items
+- Quotation product tree
+- Quotation
+- Tree styling
+- Add padding
+- Quotation tree view
+- Edit conditions
+- Set default tab
+- Edit menu
+- Show title
+- Edit type registerDate add string
+- Add i18n
+- Move value to constant
+- By value form employee and customer
+- Clean code
+- Add form.ts of quotation
+- Edit save the status, not change
+- Edit type
+- Edit name model of address
+- Edit definModel of address
+- Edit name defineModel
+- Add submitCustomer
+- Correct the typo
+- Add mask at input nrc
+- Component dialog, select input, select zone, tree view
+- I18n
+- *(05)* Quotation product service
+- Merge type and subtype
+- Check sum function now return num instead
+- Update ocr
+- Edit value of passprotType
+- Map value
+- Use ocr on font
+- Return type
+- Remove unused lang (for now)
+- Add function
+- Quotation type & customer branch fetch by register branch id
+- Wrong code
+- Move var out
+- Misc
+- Change code
+- Type quotation
+- Quotation form & product service
+- Product item delete (incomplete)
+- Type
+- Edit type employeePassport
+- File can is null
+- Add tab passport
+- Add passport
+- Worker select & employee nationality
+- AssignFormData after ocr
+- Use relation count instead
+- Show expiratio date
+- Set items-center
+- Type name
+- Dialog hide footer
+- Edit name components
+- Special
+- Agent price & format number
+- Bind quotationFormInfo & cal installment
+- Add id btn
+- Edit type quotation
+- Move dialog employee
+- Remove unused
+- Add employee
+- Edit ui dialog
+- Delete worker & branch, cus-branch state
+- Add new data employee
+- Edit type QuotationPayload add workerIndex in productServiceList
+- Set status dialog of quotation
+- Submit quotation
+- Edit layout
+- Handle _count
+- Edit alienRefrenceNumber -> passportNo
+- Add upload file of employee
+- Delete quotation
+- Assign worker to selectedWorker
+- Delete callback
+- Final discount
+- Edit color
+- Add dialogWarning of ocr
+- Set default value of emplpyee
+- Delete treeview
+- Edit branchId can is null
+- Add defineModel nodes
+- Handle mode info or edit
+- Subitm return status
+- Delete codeCustomer and statusSave
+- At edit handle _count
+- Assign data form api to table
+- Add value
+- Handle mode
+- Debounce on typing
+- Add DialogDuplicateDate
+- Use dialogCheckData
+- Edit i18n
+- Set value on cancel
+- WorkerIndex
+- Set branch Id
+- Set workerIndex
+- Urgent quotation card
+- Update summary price
+- Make vat included
+- Add rules
+- Split full name
+- Handle gender and prefixName
+- Format gender
+- By value  show full name
+- Set value full name at ocr
+- Add deletable to tree
+- *(05)* Custom installments
+- Add registeredBranchId
+- Edit registeredBranchid
+- Hide button on edit
+- Emit search
+- Emit sarch
+- Get service and product
+- Fetch config & warning color
+- Detail set max width
+- Add header on peview
+- Set a4 margin
+- Show peview
+- Pdf style
+- Fixed page high when in web page
+- Set readonly
+- Edit conditions show full name
+- Add checkData
+- Handle passport
+- *(05)* Receipt dialog
+- Create fetchOption
+- Create BankComponents
+- Use bank
+- Set Option
+- Add id
+- Filter bank
+- By value
+- Add  closeTab
+- Use app button
+- New tab
+- Calculate value
+- Add remark
+- By remark
+- Set value default
+- Placeholder
+- Fetchby id branch
+- Edit layout bank
+- By bank
+- Change button
+- Change to secondary button
+- WarningClose
+- Handle null
+- Price data product
+- Receipt dialog & type
+- Add type
+- By value at viewHeader
+
+### ⚙️ Miscellaneous Tasks
+
+- Rename type
+- Update import
+- Update type
+- Add lock file
+- Clean
+- Align
+- Clean quotation main page
+- Format
+- Clean product store
+- Remove unused
+- Clean unused
+- Remove log
+- Clean log
+
+### Refactro
+
+- Add slot show icon
+
+## [0.3.5] - 2024-09-27
+
+### 🚀 Features
+
+- *(05)* Quotation form
+- *(05)* Quotation product form
+
+### 🐛 Bug Fixes
+
+- Profile banner sm
+- Drawer dialog
+- *(01)* Profile layout
+- Profile banner pin
+- Edit history
+- History i18n
+- Change history function
+
+### 🚜 Refactor
+
+- Edit btn add
+- Update text in options
+- Quotation
+
+### ⚙️ Miscellaneous Tasks
+
+- Remove unuse
+
+## [0.3.4] - 2024-09-27
+
+### 🚀 Features
+
+- Add product name exists error
+
+### 🐛 Bug Fixes
+
+- *(03)* Employee customer
+- I18n
+- Customer create img
+- Page
+
+### 🚜 Refactor
+
+- Edit i18n
+- Edit show telephon
+- No requsest
+- Add id
+- Edit max widthg
+
+## [0.3.3] - 2024-09-26
+
+### 🚀 Features
+
+- Auto pull data from headoffice
+
+### 🐛 Bug Fixes
+
+- *(04)* Service tree view
+- Baranch to branch
+- Wrong display
+- *(03)* Table layout
+- Type error
+- Type
+- Wrong id
+- Keycloak login not check
+- *(04)* Tree view
+- Employee branch code
+- *(04)* Tree view state
+- Product type option
+- Product decimal
+- Unable to edit employee information
+
+### 🚜 Refactor
+
+- Edit id btn
+- Edit id
+- Add animation tree view
+- Edit value required
+- Add form
+- Table component custom column
+- Change minimum age
+- Header message sent
+- Add persistent
+- Edit id kababAction
+- Add i18n and edit
+
+## [0.3.2] - 2024-09-25
+
+### 🐛 Bug Fixes
+
+- Get list with head
+- Information is out of date
+- Error no branch created
+- Comma & customer form
+- Comma function
+- Upload table layout
+- Header null
+- *(02)* Issue date
+
+## [0.3.1] - 2024-09-25
+
+### 🐛 Bug Fixes
+
+- I18n
+
+### 🚜 Refactor
+
+- *(02)* Remove disable date
+- Add _
+- Edit i18n
+- Edit rules
+
+## [0.3.0] - 2024-09-25
+
+### 🚀 Features
+
+- *(04)* Product expense type and vat
+- *(01)* Bank qr code
+- Validate email
+- Bank account  max length
+- Adjust text color
+- Address form moo, soi, street
+- *(02)* Citizen id, issue, expire
+- Add new shared component tree view (prototype)
+- Quatation tree
+- Api customer citizen relation with upload
+- Create citizenId relation
+- Quotation form
+- Add function
+- Add more function
+- Add full detail query param
+- Add check behaviour
+- Quotation image
+- New component(select input/zone, quoCard)
+
+### 🐛 Bug Fixes
+
+- *(02)* Clear form employee
+- *(02)* Prefix and gender  condition
+- *(04)* Role sale agent
+- No clearData After closing
+- *(04)* Clear img state
+- Kebab action hide after change status
+- *(04)* Customer readonly age
+- *(01)* Abbrev letter and number
+- Can't edit employee
+- *(04)* Sidemenu width
+- Validate error on open dialog
+- Email should not required and fix error on empty
+- *(04)* I18n service to type, product to product & service
+- *(01)* Form bank img
+- *(04)* Hide q-fab state
+- Notify success & i18n
+- *(01)* Bank warning
+- *(03)* Form validate rule and i18n
+- I18n
+- Preven zipCode from send to api
+- I18n name en from api
+- Tree i18n branch
+- Merge
+- Watch gender
+- BaseUrl, condition
+- Edit error after merge
+- Error api
+- Form col
+- Open now effect only current node
+- Customer
+- Function name
+- Variable name
+- Moo, soi, street
+- Img dialog on create delete
+- Edit sub branch get 404
+- Typo
+- Customer  branch function
+- Address form zip code in full address
+- Customer form empty field to '-'
+- Align vertical in q-select
+- Add id drawer
+- Work name management
+- Customer & sub side menu
+- Profilebanner shadow
+- Tree disable status
+- *(04)* Work name => name being use (delete), re select
+- *(01)* Create form gap
+- Change Status not update
+- Unable to create service point
+- Edit undo FormBankBook
+- Address
+- *(03)* Table
+- Disable quotation tab
+
+### 🚜 Refactor
+
+- Add Check role branch_manager
+- Header isHeadOff
+- Header can't edit Employee on page customer
+- *(01)* Tax id rule
+- Profile menu role
+- *(01)* Table image
+- Send iframe
+- Add i18n
+- Add type
+- Add virtual
+- *(04)* Remove type from 04
+- Edit currentEdit
+- *(04)* Product service card status on toggle
+- Header  currentEdit is null
+- Remove unused
+- *(04)* Tree and path behavior
+- Add input virtual
+- Add slot name badgeList
+- Check role head_of_account
+- By virtual
+- Hq abbrev rule
+- Hq abbrev rule i18n
+- *(04)* Calculate stat
+- Tree component no node label
+- Br id
+- Delete i18n Thai language
+- Drop support old presign url returned by api
+- View all stat with no fetch
+- Add function resetScrollBar
+- Edit layout show icon
+- Header can't edit status INACTIVE employee
+- Header can't edit customer is INACTIVE
+- Header can't edit perspnnel is INACTIVE
+- Header can't edit branch is INACTIVE
+- Header no Clean data
+- *(03)* Customer fallback img
+- Img fallback
+- Add gender
+- *(04)* Service properties acceptation
+- *(04)* Hide q-fab btn if group inactive
+- Person card fallback img
+- *(01)* Side menu admin
+- Edit layout ui
+- By data to itemCard
+- Set false
+- Add color blue
+- Add virtual branch
+- Edit ui and check role
+- Add opts headOfficeId
+- Add border
+- Edit create branch
+- Delete check role
+- Edit type of defineProps
+- Edit layout columns
+- Edit i18n
+- Show Badge virtual Branch
+- Virtual branch on profile banner and card mode
+- Edit Display conditions
+- Edit name i18n
+- Edit conditions color
+- Header only EN
+- Edit conditions rules
+- Edit id use name
+- Rules can add .
+- Edit conditions filter fieldDisplay
+- Remove unneccesary
+- Add registered branch to product group
+- Permission product service
+- Add id
+- Edit i18n unchanged
+- *(03)* Customer form title
+- Edit ui show qrcode
+- Add new components
+- Edit typqe
+- Delete qrCode
+- By value inputFileQrCode
+- Header bankUrl
+- Add function qr at create
+- Edit search
+- Move flow into interceptor
+- Header inputSearch
+- Employee new img dialog
+- Edit addEventListener No waiting url
+- Header edit img
+- Add tree in fetchList
+- *(04)* Service new img dialog
+- Add id input
+- Edit type
+- Add  permitNo , permitIssueDate ,permitExpireDate
+- Img dialog => remove img function
+- Styling
+- *(tree)* Functionality
+- Add api Attachment
+- Edit layout
+- Edit upload Attachment
+- Header  close drawer after deletion
+- Return data
+- I18n
+- Wait for upload
+- Create customer
+- Customer
+- Add attachment api
+- Api store
+- Add base in url
+- Edit upload
+- Add constant
+- Add new button
+- Add uploadfilegroup
+- Customer table and card
+- Side menu btn
+- Profile menu id
+- Full address on table
+- Always add slash in front
+- Form quotation
+- Add delete
+- Add definProps hideCloseEvent
+- Set value emits
+- Add uploadfile at dialog
+- Add function manageMeta
+- Add hideToggle
+- Add isEdit
+- Add hideDelete
+- Edit emits value index
+- Delete citiaen
+- Kebab link, upload
+- Statcard new color lime, light-purple
+- *(04)* Tree component for id
+- Edit layout input formCitizen
+- Set current index on delete
+- Use UploadFileGroup
+- Edit get file to menu
+- Add metaManager
+- Add type meta
+- Add ocr
+- Add new form upload file
+- Add hideInputEn and hideIcon
+- Edit name
+- Add tm6
+- Add i18n businessRegistration
+- Add form customer
+- Add key
+- Add components
+- Edit value
+- Check nameEn ,
+- Header After deletion branch
+- Header  deletion branch return true When completed
+- Add BusinessRegistration and  FormTm6
+- Edit createBranch
+- Header value is null
+- Header Change status branch
+- Edit type file  on create
+- Edit uploadfile
+- *(05)* Component (quo card, date picker, select zone)
+- I18n & constant
+- Edit value coonstant
+- Add remark
+- Add type remark
+- Use noticeJobEmployment
+- Add class relative-position
+- Add id close btn & delete work name
+
+### ⚙️ Miscellaneous Tasks
+
+- *(04)* Clean unuse
+- Remove zipcode from payload
+- Add local build action
+- Fix build script case
+- Remove localhost (not work in container)
+- Clean unused
+- Clean
+- Add type
+- Format
+
+### Change
+
+- Form now validate on blur or malform
+
+### Reactor
+
+- Add condition delete
+
+### Refacot
+
+- Add tppltip
+
+## [0.2.1] - 2024-08-30
+
+### 🐛 Bug Fixes
+
+- Readonly
+
+## [0.2.0] - 2024-08-30
+
+### 🚀 Features
+
+- Change prefix change gender
+- Add i18n
+- Routes guard
+
+### 🐛 Bug Fixes
+
+- I18n and form in branch page
+- Wrong endpoint
+- *(04)* No work name duplicate
+- *(03)* I18n and fab color
+- *(03)* Table employee name aligment
+- Text
+
+### 🚜 Refactor
+
+- Edit to align to the left
+- Add type count employee
+- Show count
+- Show filt registerName
+- Check role
+- Assign data if is branch_manager
+- Check the conditions
+
+## [0.1.1] - 2024-08-29
+
+### 🐛 Bug Fixes
+
+- Running number of branch
+
+### 🚜 Refactor
+
+- Change the conditions for adding customer
+- Delete index
+- By customerCode
+- Edit show customerCode
+
+## [0.1.0] - 2024-08-29
+
+### 🚀 Features
+
+- Form id, i18n
+- I18n, edit branch
+- จัดการลูกค้า
+- Component dialog
+- จัด  layout
+- เพิ่ม  i18n
+- Personnel code on form
+- Show role
+- Scss male female color
+- Icon card
+- Fixed color on stat card
+- Remove bg
+- Components ProfileUplode
+- เพิ่ม  emit trigger
+- เรียกใช้ ProfileUplode
+- DefineProps customerLabel
+- BasicInformation
+- Add customer branch input api fn
+- User account info on top
+- Tab branch
+- Add card color
+- เพิ่ม i18n
+- FormBusiness components
+- เรียกใช้ FormBusiness
+- About component
+- Other information component
+- Contact information component
+- Add color to stat card
+- Add some color
+- Customer card on main
+- เพิ่มข้อมูลในแต่ ละ index
+- สร้าง form  ได้เรื่อยๆ
+- ปุ่ม เพิ่ม นายจ้าง
+- ผูก ตัวแปร
+- เพิ่ม routes customer-management
+- เพิ่ม id
+- Api endpoints employee
+- Branch attachment
+- By ค่า
+- Customer drawer info
+- Tab component readonly
+- UI Customer Detail
+- Add attachment to customer branch
+- UI Customer Detail 2 (more detail + i18n)
+- รับรูป จาก imageUrl
+- FetchListById และ byค่า
+- Byค่า
+- FetchListById/  getStatsCustomer
+- Add i18n confirm delete
+- Delete customer + confirm dialog
+- By ค่า currentCustomerName , imageUrl
+- รับ defineProps data
+- AssignFormData formData
+- Color, i18n & datepicker font
+- Signature dialog
+- Customer employee form (basic info & checkup)
+- Add image url type
+- Customer branch dialog UI + function submit + define emit
+- Customer branch function + add
+- Emit Customer เก็บใน form
+- ทำปุ่ม เเบ่งนายจ้าง
+- เพิ่ม การแบ่ง  นายจ้าง
+- เพิ่มแก้ไข ของBranch
+- ลบ  Branch
+- All around btn UI
+- Route to product and service
+- Product and service main page UI
+- Add product card UI
+- I18n
+- Employee form (passport, visa, work, other)
+- Responsive card + fix height card
+- ทำแบ่งหน้า
+- ทำแบ่งของนายจ้าง / แก้ค่าของ type
+- เพิ่ม fetchListBranch
+- Employee i18n
+- Input form
+- Add hover + on click (emit)
+- Detail group ui + drawer + dialog ui
+- Rule validate employee
+- Employee image and type
+- Click  go to product and service
+- เพิ่ม stores ของ ProductService
+- เพิ่ม function ต่อ  api Product Group
+- เพิ่ม  type ของ Product Group
+- Can + employee checkup and work history (include i18n)
+- CreateProductService
+- By ค่า productGroup
+- Dialog product create product and service
+- Total product UI
+- เพิ่ม  no-profile
+- DeleteProductService  ของ Product Group
+- แก้ไข  ของ ProductGroup
+- Option from json
+- CRUD  ProductType
+- Customer employee update & drawer info
+- Delete employee from drawer info
+- Employee drawer info undo
+- Employee stats
+- Add test script
+- I18n alert dialog
+- Incomplete form warning (employee)
+- Add variable
+- Search on group
+- Show search item
+- Search employee
+- ทำแบ่งหน้าของ  ลูกจ้าง
+- Select male , female
+- เพิ่ม  id
+- เพิ่ม compoent
+- เพิ่ม  class  ของ แบ่งหน้า
+- ค้นหา ของ Product type
+- เพิ่ม id BranchCard
+- เพิ่ม id ของปุ่มค้นหา
+- Add i18n
+- Drawer info bg color props
+- Disable same address (readonly)
+- Employee address (same with employer)
+- Employee gender filter
+- No data component + product and service ui (tab)
+- Filter สถานะ
+- Add product dialog
+- ทำ function ต่อ  api  Service & Product
+- Filter สถานะ ของลูกจ้าง
+- เพิ่ม id ให้ form
+- เพิ่ม id  ให้ tab
+- นิติบุคคล เพิ่ม input ชื่อเจ้าของบริษัท
+- เพิ่ม ปุ่ม แก้ไข ลบ
+- เพิ่ม รูป
+- แก้ การดึงรูป
+- เพิ่ม opts
+- เพิ่ม การซ่อม ปุ่ม
+- เพิ่ม  crud  ของผ type
+- I18n service
+- Work component (service)
+- Add service dialog
+- อัปรูปอัน product
+- ประกาศตัวแปร formDataProductService
+- เพิ่ม assignFormDataProductService
+- เพิ่มตัวเเปรเก็บ id service
+- DeleteService
+- ต่อ api  จำนวน ของ  Product
+- No data use field
+- Fetch option
+- Properties dialog
+- Properties field option
+- ใช้ i18n
+- แก้ไข และ ลบ  ของ Product
+- Emit menuViewDetail / menuEdit
+- Add i18n service
+- แก้ สถานะ ของCustomer
+- Buy-sale page quatation form
+- เพิ่ม toggleStatusEmployee
+- แก้ สถานะ
+- Utils function move & delete array item
+- เพิ่ม  สินค้า
+- Work properties option
+- Manage work name & work properties
+- แสดงจำนวน ของ สินค้า
+- แสดงลำดับของการเลือก
+- ค่า ของ ลำดับที่เลือก
+- Manage work name
+- สร้าง service
+- แสดง service
+- แสดงวันที่สร้าง service
+- เพิ่ม loading lazy
+- แก้ไขและลบ บริการ
+- อัปโหลด  รูป ของ สินค้า
+- Function ต่อ api ของ work( type  ยังไม่ตรง)
+- ตัวเเปร  workNameItems
+- เรียกใช้ function
+- ให้ส่งเเค่ตัวเดียวได้
+- CRUD work
+- เพิ่ม baseOnly
+- แสดงลำดับ การเลือก
+- Byค่า การแสดง สินค้า และ บริการ
+- รับค่าสถานะ
+- Global option change language
+- เปลี่ยน สถานะของ  สินค้าและบริการ
+- Confirm close while edit work name
+- Hide btn on service view info
+- Show option propertie (service)
+- ตรวจสิบต่อค้นหาไม่เจอ
+- เพิ่ม  type ServiceAndProduct
+- Change theme
+- เพิ่ม ค้นหา ของ  productAndService
+- ยกเลิก การแก้ไขของ สินค้า ข้อมูล ย้อนกลับไปเป็นอันเก่า
+- เพิ่ม undo
+- Add flow store
+- Rotate flow
+- Default properties type
+- แบ่งหน้าของ  กลุ่ม และ ประเภท
+- แบ่งหน้า สินค้า และ บริการ
+- Theme local storage
+- Cancel edit on service dialog
+- Rotate log id
+- แสดง จำนวนงาน
+- Form  ประวัติ
+- Signature upload tab & i18n
+- Clear upload signature
+- Edit profile on drawer
+- History dialog
+- Install cropper js
+- Validate tax no
+- Validate product code
+- Remove code from form
+- Search paging user
+- Employee history type & function
+- Employee history dialog & table
+- Vue datepicker dark mode
+- Disabled menu
+- Count product type, service, product
+- PaginationComponent
+- เพิ่ม  flowStore.rotate()
+- Theme mode base on device
+- Use pnpm instead
+- เพิ่ม option typeProduct
+- Callback รูป ของ สาขา
+- เพิ่ม type UpdatedBy , CreatedBy
+- เพิ่ม  type
+- เพิ่ม myBranch
+- เพิ่ม เงา
+- Add border to btn
+- Remove border
+- Mini-drawer
+- Hide stat 02-personnel
+- Hide stat 03-branch
+- Hide stat 03 customer
+- Hide stat 04 product service
+- Scroll inside
+- Change input background based on mode
+- Update Person Card
+- Scroll inside product / service
+- Refactor for path support
+- Make input not move on edit
+- Change path in product service
+- Change tab on create data
+- Auto select current branch
+- Add id on btn add
+- Add china & philipines nationality (option)
+- 01 functional hold dialog
+- 01 dialog confirm change status
+- *(quotation)* Form update
+- *(i18n)* Add quotation
+- Only validate field on submit only
+- Add select options with filter fn factory
+- Enable input on select
+- Add ability to fetch in this function
+- Add sort numbers
+- Btn add change size
+- Check tab before add
+- Toggle grid customer branch
+- Add background transition
+- *(component)* Add side menu component
+- Profile banner
+- Image upload dialog
+- Handle v-model output
+- Define emit type
+- Handle fallback prioritize image over slot
+- Hidden footer
+- Clear image
+- Sticky top
+- Add delete tab
+- Browseable without open dialog
+- Add img
+- Change detection line
+- Add prefix
+- Bankbook & i18n
+- Add basic form customer
+- Readonly
+- Readonly mode
+- Toggle able edit
+- Close on save
+- Add before close function
+- Add customer branch
+- Detect unsave and confirmation
+- Add more anchor
+- Update i18n
+- Customer branch
+- Save branch
+- Quasar notify
+- Main button
+- Add and fix event
+- I18n add
+- Add custmer branch section
+- Add api get method function
+- Pure dialog (non-bloat) component
+- Customer branch form
+- Set image separate from update endpoints
+- Emit event when in headless mode
+- Save image
+- Add info to form tile i18n
+- Update dialog state
+- Icon only button
+- Use shared main button
+- Fixed size icon
+- Customer branch management
+- Update customer store attachment
+- Employer attachment
+- Change to icon-only
+- Add dialog from container component
+- Add tooltip
+- *(wip)* Customer(employee) branch
+- Add header slot
+- Disable built-in autocomplete in input select
+- Auto reset form customer branch
+- Add button
+- Customer form code abbrev
+- Update sub side menu
+- Add edm service
+- Create customer dialog on empty
+- Adjust iframe
+- Change default page size
+- *(04)* Avatar img
+- Branch admin
+- Edm service micro frontend config
+- Add dms menu
+- Add prefix and middlename field
+- Add default customemr image url
+- Fallback user image
+- ้hidden menu
+- Hidden menu home page
+- Add option to disabled change button top left
+- View only
+- Filter user status on the backend
+- Move action to inside form
+- Move button
+- Function in role include
+- *(04)* Role control
+- Share component date picker
+- Nodata product i18n
+- Passport type option
+- *(03)* Young worker warning dialog
+- Code mismatch
+- *(01)* Mock code branch
+- Update emploee store for attachment function
+- Add clear button
+- Employee file upload
+- Update tree and state
+- Upload file employee
+- Add spacing
+- Add status ocr model
+- Delete employee file
+- *(01)* La long map
+- *(01)* WebUrl contract
+
+### 🐛 Bug Fixes
+
+- แก้ function แก้ไข สร้าง
+- แก้ ไม่ต้องส่ง  รูปก็ได้
+- Form address, by type, information
+- แก้การเเสดง ภาษา
+- Param on get role name function
+- Accessibility (test-case cannot press)
+- แก้คำผิด
+- แก้ส่ง  i18n เข้าไปแทน
+- Drawer info width 85%
+- BranchUserStats type
+- Drawer width
+- แก้เรียกใช้ TabComponent
+- แก้  css  ไม่มา
+- Layout พัง
+- แก้เงื่อนไขการแสดงสี
+- Wrong field
+- เเก้ไข  code ของ  สำนักงานใหญ่ ไม่แสดง
+- แก้ type   registerDate
+- แก้ ชื่อ defineModel
+- แก้ชื่อ defineModel
+- แก้ type taxNo
+- แก้ function clos ลบ ตัวสุดท้าย เเต่ index ไม่เปลี่ยน
+- Stat card on customer main
+- แก้ type CustomerBranchCreate ไม่ครบ
+- แก้ type
+- แก้ชื่อ
+- แก้ i18n  DrawerInfo ไม่มา
+- Input id to for
+- Customer card size
+- Variable name
+- แก้ i18n
+- Delete tab on add customer
+- Wrong endpoints and var name
+- Change style on customer dialog
+- แก้  type  ให้ตรงกัน
+- แก้ให้ นิติบุคคล กับ บุคธรรมดาใช้ด้วยกันได้
+- แก้ชื่อใหม่ เเละ  by ค่า
+- Customer create card @click
+- Change customer card view info
+- แก้ type payDate กับ wageRate
+- แก้ส่งค่า currentCustomerId ไม่ไป
+- แก้การส่งค่า customerId ต้องมี
+- แก้ type ของ registerDate
+- แก้  input payDate เป็น VueDatePicker
+- Tab style decoration
+- แก้ type Customer
+- แก้ type  ของ  fetchList
+- Calculate age function
+- Icon and color
+- Surface-tab dark mode
+- แก้ ช่องcustomerName โดนบีบ
+- ลบ defineProps data
+- Disable flip card
+- Condition upload image +get when submit +responsive card
+- ลบ ifres
+- แก้ type ของ image File | null;
+- แก้ส่งค่างว่างของ image
+- Add cal age to utils store
+- Employee type
+- Change global dialog
+- Address title personnel management
+- แก้ customerType ไม่เปลี่ยนค่าตอนกดดูนายจ้าง
+- แก้ค่าของ  type
+- แก้สี
+- ลบไฟล์ที่ไม่ได้ใช้
+- กำหนด  type ของ defineEmits
+- Hide bottom space form address
+- ลบ no-padding
+- จัดข้อมูล ของ branch
+- แก้วิธีเก็บข้อมูลตอนแก้ไข
+- แก้ ชื่อตัวเเปร
+- แก้รับค่า createProductService
+- แก้ type  ของ ProductGroupเป็น []
+- แก้ type  ของ status
+- แก้ type ของ status
+- แก้  i18n  หา key  ไม่เจอ
+- แก้ type ProductGroupUpdate
+- Add product mode + service page
+- Type
+- แก้เงื่อนไขไม่ตรง
+- แก้รับค่า ตอนกดแก้ไข
+- แก้  type
+- แก้สี ของ StatCard
+- แก้ระยะของ ของ selector
+- คำนวนหน้าผิด
+- Type and update function
+- Employee handle tab
+- Form employee disable rule validate
+- By ค่าของสาขา
+- แก้ type  CustomerBranch
+- แก้ i18n/ลบโค้คที่ไม่ได้ใช้
+- เพิ่ม id
+- Handle profile image confirm (employee)
+- Change build script to pnpm
+- Drawer info icon & btn
+- Reset inputsearch when change mode
+- แก้ ปุ่ม เพิ่ม
+- Change UI
+- แก้เรียงข้อมูล
+- แก้ ตำแหน่งของปุ่มกด
+- แก้ปุ่มเตือน
+- แก้ ขนาดของ  card
+- Added product
+- Cart UI on dialog footer
+- แก้ปุ่มในการสร้าง
+- แก้เงื่อนไขการแสดงปุ่ม add
+- แก้ขนาดของ Card
+- แก้ปุ่ม  add
+- แก้ type  ของ fetchList
+- เพิ่ม  id
+- แก้ ชื่อ type
+- แก้ ปุ่มกด  เพิ่ม สาาขา
+- Change product card UI
+- Date picker locale
+- Layout change lang btn & profile menu
+- Date picker lang
+- Employee customer branch id
+- Date picker lang & clean
+- Cancel btn
+- แก้ fetchList ให้รับ opts status employee
+- Alert i18n dialog
+- Employee handle select
+- Employee layout & product card bg icon
+- แก้ id  ซ้ำกัน
+- แก้เงื่อนไขการตรวจสอบ  id
+- แก้ id  ของ  ปุ่ม
+- ย้ายรหัสสาขาไปแสดงก่อนชื่อ
+- แก้การแสดง i18n
+- แก้การรับค่า defineProps ให้รับ hideButton
+- บุคคลธรรมดา ตัด นิติออก
+- ตรวจค่า undefined
+- แก้ชื่อ  input
+- ลบ โค้ค ที่ ไม่ได้ใช้
+- แก้ layout
+- ลบ  input ที่ ไม่ได้ใช้
+- Info color
+- Form dialog tab & address
+- Remove log
+- Add id, icon service dialog
+- Service add image
+- แก้ personName
+- Total product width
+- แก้การค้นหา ให้ล้างค่า
+- แก้ ชื่อ  input
+- แก้ การดึงรูปมาแสดงของ product
+- แก้ type Service
+- Attribute type & option store
+- แก้ opts  รับ productTypeId
+- แก้การล้างค่า
+- แก้ ค่า ไม่ตรง
+- Type & i18n
+- Disabled color
+- Form dialog props
+- Dialog width
+- Add person name (employee form)
+- แก้ layout ใหม่
+- Person name on select (employee form)
+- Service work expansion
+- แก้ข้อมูลเเล้วไม่เปลี่ยน
+- Add & move properties
+- Service use utils function & confirm delete
+- Properties alignment
+- แก้ ค่าสลับ
+- กด สร้าง ใหม่ไม่ล้างค่า
+- Product แก้สถานะ
+- แก้hideToggle
+- แก้การแก้สถานะ
+- Emit add product
+- Employee form => employer code readonly space
+- แก้ชื่อตัวเเปรของ  serviceName
+- แก้  ใช้ กับ  service  ได้
+- แก้ให้ส่ง  code
+- Form dialog & work name management dialog
+- แก้ type  ของ work
+- Product q-field
+- Product form
+- Q-field text color and disable color
+- ลบ  โค้ค ไม่ได้ใช้
+- Work type and function
+- Work name & properties dialog size
+- แก้ การแสดงผล ตอน INACTIVE
+- Work name fetch base only
+- Service & properties i18n
+- แก้ขนาดการแสดงสินค้าและบริการ
+- เพิ่ม status
+- แก้ขนาดการแสดงเลือกสินค้า
+- แก้ type  status
+- Q-editor color
+- แก้ ลำดับการแสดงของ  สินค้า และ บริการ
+- Clear form when close without submit
+- ตรวจสอบ status CREATED ก่อนยิง แก้ไข
+- แก้ type status
+- Undo
+- Canvas component
+- แก้ การ ยิง  api  3 เส้น
+- ลบ โค้ค  ไม่ได้ใช้
+- Wrong rotate
+- แก้ แก้ไขเป็น  info
+- New service & work properties
+- Word wrap
+- แก้  layout
+- Form dialog space & layout
+- Q-editor border color
+- Work component & work dialog
+- แก้  ui  แสดงราคา
+- Service work layout
+- แก้ Page
+- แก้ layout ของ  สินค้าแสดงราคา
+- No data serach on product & service group & type
+- แก้ pageSize
+- Dark mode color (product & service)
+- แก้ กด ดูรายละเอียดเเล้ว สาขา แสดง
+- แก้ไขสินค้า และ บริการ ไม่อัปเดต
+- แก้ โค้ค ซ้ำ
+- โค้คหาย
+- แก้เพิ่ม สินค้าในงานสินค้ามาไม่หมด
+- Properties title
+- Work component spacing
+- Form readonly (branch management)
+- Form readonly (personnel management)
+- Form readonly (customer management)
+- Form readonly (product & service)
+- Fetch first br (personnel management)
+- Clean and adjust
+- Can add work name when empty
+- Code badge & edit profile on drawer
+- Tab list props
+- Logout btn color
+- Search not found message
+- แก้ไม่ส่ง zinCode
+- Selector spacing
+- สาขา  code ไม่มา
+- File name
+- แก้ code  ของสำนักงานใหญ่ไม่มา
+- แก้กดสร้าง สาขาไม่ได้
+- Wrong cond
+- Wrong condition
+- Show gender
+- แก้ ลบข้อไม่หาย
+- แก้  Options รับค่าจากไฟล์ json
+- ลบค่าค้าง
+- แก้ แบ่งหน้าตอนค้นหาของ  กลุ่ม และ ประเภท
+- แก้แบ่งหน้าตอนค้นหาของสินค้าและบริการ
+- แก้ไข เเล้วเปลี่ยนสถานะเป็น  ACTIVE
+- Employee history date picker
+- Header layout items-center
+- แก้  layout ของ  แบ่งหน้า
+- Person card detail padding
+- ปรับ  ui แบ่ง หน้า
+- ปรับ  layout  แบ่งหน้า
+- Empty data do not show no data
+- แก้  layout  แบ่งหน้า
+- แก้  layout  แบ่งหน้า  กลุ่ม และ ประเภท
+- Theme mode base on device condition
+- แก้ layout  แบ่ง  หน้า ของ สินค้า และ บริการ
+- Theme on device
+- Clean for remove warning console
+- Remove unused
+- Service & product card image
+- Product service card img
+- Datepicker font
+- EmployeeHistory type
+- 10 card per page product & service
+- History updatedBy i18n
+- Current theme mode
+- Layout and utilsStore
+- 02-personnel management layout
+- 01-branch management layout
+- 03-customer management layout
+- 04-product service layout
+- ลบเลข 5
+- Select
+- ลบโค้ค  ไม่ได้ใช้
+- Active route on drawer
+- Left drawer z-index
+- Auto select hq on new only
+- Menu item padding
+- App box padding & i18n
+- No gender badge color
+- Left drawer & drawer btn z-index
+- Disable dashboard
+- GetStatsEmployeeGender รับ opts
+- แก้ แสดงจำนวน  filter ไม่ตรง
+- Menu item first page responsive
+- Add customer btn
+- Show service count
+- Personnel branchId (add & edit)
+- Drawer sllide without call
+- Create service and edit product image
+- Stat card min width
+- Product & service count
+- Stat responsive
+- No item in product & service
+- Stat card scroll
+- แก้สร้าง  สาขา ไม่ได้
+- แก้ type registeredBranchId ให้เป็น null ได้
+- แก้  ui  แสดงจำนวน
+- แก้สี ไม่ตรง
+- Rebase fail
+- Wrapping
+- Wraping
+- Ordering
+- Drawer active and branch
+- Dark mode color
+- Shadow dark mode
+- Icon
+- Remove gradient title
+- แก้ type  fieldSelected
+- 02-personnel layout
+- Left drawer responsive
+- Color dark mode
+- สาขาที่ลงทะเบียนไม่ แสดง
+- แก้ไขสาขาไม่ได้
+- Add key on page size btn
+- แก้ mode dark  สี ของ ปุ่มไม่ตรง
+- แก้ ข้อมูล ไม่แสดง
+- Color
+- Product & service scroll
+- Product & service tab
+- Pagination on 04
+- New 03 ui & layout
+- New 02 ui & layout
+- 03 form value
+- 02 tab selected
+- ข้อมู,แสดงไม่หมด
+- Drawer
+- แก้  เปลี่ยนสถานะเเล้วไม่ อัพเดท
+- Edit not sent
+- แก้ไขรูปนายจ้างไม่ได้
+- I18n typo
+- Wrong data display
+- No data wrapping
+- Rounded border
+- Spacing
+- Layout
+- Wrong fetch function
+- แก้ no data
+- แก้การตัวสอบ
+- แก้ label เป็นนายจ้าง
+- กด item เเล้วไม่ปิด
+- แก้  ข้อมูลไม่แสดง
+- แก้ ลบไม่ได้ของ item
+- Wrong field used
+- Data type input
+- แก้ สาขาที่ลงทะเบียนไม่มา
+- Count บริการไม่อัพเดท + ลบชื่อของบริการตอนแก้ไข
+- ตรวจสอบ input
+- ค่าว่างของ telephoneNo
+- แก้  layout หน้าสินค้าและบริการใหม่
+- แก้  layout  สินค้า
+- 03 tooltip component margin
+- 03 customer info layout
+- แก้ กดดู สินค้าและบริการไม่ได้
+- แก้  layout ค้นหา
+- 02,03 surface color
+- หน้านายจ้างไม่แสดงตอนไม่ได้กดเลือก
+- 01 layout & responsive tool bar
+- 02 responsive tool bar
+- 03 responsive tool bar
+- Future birth date
+- Change calculate age function store
+- Delete rule + "-" when it blank
+- แก้ ขนาดหน้าจอ
+- Input date only (birth date for now)
+- Handle input future birth date
+- 01 table scroll
+- 03 add tooltip layout
+- 04 layout
+- 03 layout
+- 03 table scroll
+- 02 table scroll
+- Add bordered-b
+- Input datepicker th (function)
+- Adjust layout
+- All date picker input
+- Remove address lazy rule
+- Adjust 02 layout
+- แก้ taxNo ของนายจ้างไม่แสดง
+- Hide dropdown icon when sceen xs
+- Grid mode when screen xs
+- Adjust component (person card & customer info)
+- 01 tree (active, color, layout)
+- Splitter min, max
+- 01 sub branch stat, hold dialog, tree table
+- Layout drawer on xs
+- 02, 03 card per row & ellipsis
+- 03 table & employee form
+- Fix address form
+- Q-tree css
+- 01, 04 active tree & functional hold dialog
+- แก้ tree
+- Q-tree triangle
+- Q-tree padding
+- Q-tree action icon color
+- Q-tree no sub branch
+- Column i18n
+- 01 form responsive
+- Employee can enter view branches
+- Pagn size
+- Tree 01 & 04 active
+- 04 q-tree clear current value
+- 02 vertical dot id
+- 02 view detail branch
+- 02 form user type i18n
+- 02 user store option
+- 02 option & watch usertype
+- 03 customerInfo scroll
+- 04 q-tree scroll
+- *(layout)* Drawer text color
+- Responsive drawer info & form dialog
+- Solve product creation
+- *(02)* Resposive form and drawer
+- *(04)* Status filter
+- Can't change the original picture.
+- (02) (03) Can't change the original picture.
+- Edit tree no show icon
+- *(03)* Employee health check tab
+- *(03)* Responsive employee form personal info
+- Q-tree line
+- (04) f5 icom missing
+- (04) Stat missing
+- Upload image size
+- (02) edit layout Upload profile
+- (04) layout ProductCardComponent
+- Form dialog scroll
+- Set default prefix
+- Edit type Attributes
+- Null value prefix
+- Scroll tab
+- Upload profile class
+- *(03)* Employer responsive
+- *(03)* Employee responsive
+- Change status dialog
+- *(04)* Service properties ui
+- Form date picker clear and icon
+- *(02)* Form q-file icon
+- Edit rules input
+- Condition close tab
+- BranchNo on remove in form
+- I18n
+- *(03)* Select province input
+- Status filter width in grid mode
+- *(04)* Branch id select label
+- Id missing
+- No data
+- Drawer info layout
+- User Detail Card
+- *(03)* Mode view branch table
+- Customer info component
+- Drawer size
+- *(03)* Br id select
+- *(03)* View customer card
+- View customer card edit state
+- InfoForm no padding tab
+- Info form layout
+- *(03)* Br select when create
+- TelephoneNo can null
+- Email can null
+- Background & drawer
+- Table header color
+- Drawer font color (dark)
+- Change calculation method of element on scroll
+- First element is not detected as active
+- Instant close dialog
+- Bug css deep affect
+- *(02)* Drawer example
+- *(01)* Dialog drawer form
+- Change detection line
+- Profile banner fallback
+- *(01)* Edit image profile
+- *(02)* Form by type
+- Runtime error after build
+- *(01)* Profile banner title & caption
+- Profile banner toggle & background
+- *(02)* View fallback image & change status
+- Hide ImageUploadDialog footer
+- *(01)* Bank icon & separator
+- *(01)* Bank status toggle
+- Bank selected item logo
+- Edit image not show
+- Missing import
+- Edit prefix can null
+- Profile banner tabs & active status
+- *(02)* Form create status
+- Missing event
+- Title
+- Dialog state not reset
+- Reset
+- *(03)* Customer profile banner & tab
+- *(03)* Form employee health check
+- *(03)* Employee form
+- *(01)* Bank
+- Reset edit id still not reset
+- Image not show on build
+- Breadcrumbs i18n
+- Do not close on undo
+- Date change
+- Form address
+- *(03)* Employee image
+- *(02)* Customer form no title address
+- Error
+- *(03)* Customer fallback avatar
+- Error and save branch
+- *(03)* Fallback image
+- Form gutter
+- *(01)* Code form & i18n
+- Person card status & profile banner
+- *(04)* Group form & info + change status
+- *(02)* Profile banner hide fade
+- *(04)* Type & change status
+- Drawer component icon
+- *(01)* Code
+- *(04)* Group & type readonly state
+- *(02)* Admin img
+- *(01)* Delete branch back to main & default branch image
+- Consistent size
+- Layout shift
+- Share button color and icon
+- Use share button in drawer info
+- *(01)* Form icon outline
+- Use share button on dialog form
+- 02 icon outline & toggle color
+- *(01)* Use share button on form bank
+- Validate hq abbreviation
+- *(01)* Remove drawer info header code
+- Headless cause side effect
+- Typo
+- *(01)* Edit use drawer
+- *(03)* Employee drawer info checkup
+- *(03)* Employee drawer info work history
+- *(03)* Employee drawer info visa
+- *(03)* Employee drawer info & icon outline
+- Form & drawer hide action
+- Checkup create type
+- *(03)* Hide action and icon outline
+- Submit employee basic info
+- Drawer info action btn space
+- *(03)* Undo employee checkup
+- *(01)* Edit state
+- Lsp error
+- *(03)* Employee save notify
+- Personnel icon
+- Error import due to previous cleanup
+- *(02)* Table color and map role
+- *(02)* Form by type option
+- Submit not working
+- Button still show on create
+- *(01)* Remove sub branch submit abbreviation dialog
+- *(04)* Product service (unfinish)
+- *(03)* Product remark
+- Type error
+- Wrong id
+- *(04)* Add product service image
+- *(04)* Service
+- Product service card fallback image
+- *(04)* Properties option type (en)
+- Table height
+- Properties rule
+- *(04)* Status when create
+- Default url not show
+- Wrong structure i18n
+- Fallback condition
+- *(04)* View and edit from tree and price color
+- Ellipsis layout drawer
+- Save button does not disappear.
+- Role owner and system view
+- Reset not working on create after view
+- Form not submit
+- Create dialog not working as expected
+- *(04)* View group, type
+- *(04)* No date time img select product
+- Required warning
+- Path
+- Profile banner not showing
+- Missing i18n
+- First time status change not working
+- Work product clone select
+- Drawer tooltip
+- Status edit unchanged
+- *(02)* No-img gender
+- Save btn with show amount
+- Checkbox disable style and i18n
+- Ellipsis product card and cleanup
+- Service title i18n
+- Tab default tab
+- Height not cover
+- *(04)* Product work layout & i18n
+- Reduce drawer header padding
+- Side menu display incorrectly
+- Profile banner ellipsis
+- Fallback no gender img
+- *(02)* Empty value show '-'
+- Drawer padding
+- Wrong element positioning and styling
+- Overlapped table cell
+- *(04)* Icon outline
+- Prefix name en
+- *(04)* Submit on tab 2
+- Missing spacing
+- *(04)* Group tree action
+- *(04)* Group & type path
+- Deps
+- Empty area after table
+- Workplace en model
+- Use work place
+- Backward compatible
+- Propertie option label
+- Properties checkbox no wrap
+- *(04)* Clear tree state when click path
+- Work product price col
+- *(03)* Profile banner bg
+- Branch INACTIVE can't show subBranch
+- Change to icon-only
+- *(04)* Customer fetch br option
+- Change image state
+- *(03)* NamePrefix & fallback customer img
+- Error (temp)
+- *(02)* Prefix & middle name
+- *(01)* Upload image
+- Warning in console
+- Pdf not found
+- Wrong detect customer type
+- Styling
+- Height
+- Wrong http method call
+- Index missing
+- Not select file should not show delete btn
+- I18n & work name before close
+- Edit mode without changing value
+- Subbranch code when create
+- Tree Not uploaded
+- Can't delete
+- Index out of range on cancel
+- Date picker input format
+- *(02)* Only letter and number username
+- *(01)* Enter hq after create br / 1 input location
+
+### 🚜 Refactor
+
+- No footer (from dialog)
+- Max width form dialog
+- Form dialog body slot
+- Form dialog no app box
+- Category prop on drawer info
+- Statcard color & sort
+- I18n personnel
+- Branch card (customize with props instead)
+- Stat card color
+- Tab
+- Customer card
+- Clean & attribute
+- Rounded radius
+- 💥**breaking**💥 Update type
+- Paging search
+- Import alias
+- Import and type
+- เพิ่ม input
+- เพิ่ม สาขาต่อสร้าง
+- แก้ type
+- ลบ code  ออก ตอนส่ง
+- เพิ่ม optionsBranch
+- เพิ่ม  registeredBranchId สินค้า
+- เพิ่ม  input registeredBranchId
+- By ค่า registeredBranchId
+- ดักค่า  code ไม่ให้ส่งตอนสร้าง
+- Move stat out
+- Update drawer
+- Change layout of stat card
+- Change style
+- Update style
+- Change border color
+- Branch card
+- Overall color dark mode
+- Color
+- เพิ่ม i18n
+- ปรับ  ui เปลี่ยนหน้า
+- ปรับ ui เปลี่ยนหน้า ของ นายจ้าง
+- ปรับ ui  เปลี่ยนหน้า
+- Class app-text-muted
+- Style
+- แก้ สี
+- ปรับ layout  ของ  branch
+- Move event handler to its parent
+- เพิ่ม  bordered rounded ให้  btn-toggle
+- เพิ่ม fetchListMyBranch
+- Query registeredBranchId
+- ยิง  api myBranch
+- Adjust postion
+- Action btn size and spacing
+- เพิ่ม filter
+- Scroll inside
+- เพิ่ม ของ  list
+- แก้  i18n
+- ให้ ส่ง index ด้วย
+- แก้เงื่อนไข
+- แก้ กดแก้ไขไม่ได้
+- ต่อ  function
+- ลบโค้คไม่ได้ใช้
+- ปรับโครงสร้าง i18n
+- Employer branch card
+- เพิ่ม type
+- ดักไม่มีรูป
+- เพิ่ม  key ให้ btn
+- เพิ่ม  list  ของนายจ้าง
+- เปลี่ยนสี  จุดออนไลน์
+- Styling
+- Lay out
+- เพิ่ม  i18n
+- แก้ สีตอน  INACTIVE
+- เปลี่ยน icon
+- เพิ่ม  type
+- เพิ่ม  list  ของ ลูกจ้าง
+- เพิ่ม  type  code
+- ดักไม่ให้ส่ง  code
+- เปลี่ยนรูปรูปของลูกจ้าง
+- Add grid / table view to product service
+- เพิ่ม list  ของ  user
+- เพิ่ม เงื่อนไข การแสดง เพศ
+- เพิ่ม  icon เพศ
+- ตั้งdefault การแสดงเป็น  list
+- เพิ่ม  list ของ กลุ่ม สินค้า และ บริการ
+- เพิ่ม สี icon ให้ บริการ และ สินค้า
+- จัด ข้อมูลของ  บริการและสินค้า
+- เพิ่ม select
+- กดย้อนกลับ
+- ตรวจสอบเงื่อนไขการกด
+- เพิ่ม พื้นฐานให้กับ สาขาที่ลงทะเบียน
+- ลบข้อมูลได้
+- กด เข้าสินค้าเเล้ว ให้ แสดงนำนวนหาย ที่ต้องการ
+- แจ้งเตือนถ้าสร้างบุคลากรก่อนที่จะสร้างสาขา
+- เพิ่ม  id
+- เก็บตัวเเปร record ของ  tree
+- แสดง  tree
+- แก้  field ลูกจ้าง
+- เพิ่ม  action ของ  columns
+- Add go inside/outside
+- เพิ่ม id tab
+- เพิ่ม id  ให้ปุ่มกดสร้างลูกจ้าง
+- Add go inside/outside by Product Group
+- Add go inside/outside by Product Type
+- Delete btn add branch  on top
+- Set layout btn add
+- Add i18n
+- Add rules at input serviceCode
+- Edit path
+- *(routes)* Quotation
+- Add type
+- Set data ability
+- Add id
+- Add prefixId
+- Edit name id
+- By Value properties
+- Add options
+- Select input & filter
+- *(04)* Input select
+- Add for input gender
+- Edit hover btn-add
+- Add TreeCompoent
+- Use TreeCompoent
+- (04) use TreeCompoent
+- Add space in front of tree on no icon
+- Add id  input
+- Add  id
+- Add id of tree
+- Add id to layout div
+- Add props hiddenBtnSave
+- Add btn save
+- Edit api image
+- Branch can null
+- Save One by one
+- Add props showBtnSave
+- Add props showBtnSave of Employee
+- Add api Checkup , Work , Other Info
+- Add create and edit of Employee
+- Add type statusSave
+- Add emit remove
+- Emit return index
+- Save One by one of Employee
+- Add type id
+- Add delete
+- Remove Function
+- Remove tab
+- Rename class
+- Branch form
+- Remove spacing
+- Add type of CustomerBranchCreate
+- I don't send id and statusSave on Create
+- Delete Branch
+- Increase width
+- Edit layout
+- Edit layout ui input
+- Edit layout input
+- Add Upload img
+- Add default img
+- Add show img
+- Scroll anchor is now to top instead of center
+- Add FormAddress and FormByType
+- Add dense of FormAddress
+- Add orderNumber
+- Route and fn name
+- Cleanup
+- Group state
+- Update form store
+- Import component
+- Create / edit function
+- Dynamic image based on customer type
+- Add type of Employee
+- Add get api by id of employee
+- Add formMenuIconEmployee
+- Add DrawerInfo of employee
+- Add from Function Employee
+- Add defineProps branchLabelNo
+- Add BasicInformation
+- Add FormAddress
+- Adjust spacing
+- Option to use or not use i18n
+- Add id img
+- Add id icon
+- Edit size icon
+- Edit baseUrl
+- Edit color icon  and edit optionStore can null
+- Add FormEmployeePassport and tab
+- Detect unsave and confirmation of employee
+- Add submitPersonal
+- Delete sortble
+- Add branchLabelNo
+- Edit i18n branchManagementCaption
+- Edit type Employee
+- Delete log
+- Edit type btn
+- Add Function edit Personal
+- Add default img admin
+- Add btn
+- Add btn  save
+- Add submitWorkHistory and submitHealthCheck
+- Restructure
+- Update customer form dialog
+- Structure
+- Image upload and bind button
+- Make control from outside
+- Add i18n MidName
+- Edit i18n can't show
+- Handler tree
+- Dialog spacing
+- *(01)* Dialog before submit (abbreviation alert) & i18n
+- Change button order and icon
+- Move form address to shared component
+- Use alias
+- Move component
+- Add conditions to edit
+- Add submitOther
+- Edit type
+- Edit, check the information sent
+- Edit cinditions show btn
+- Add deleteWorkHistory and deleteHealthCheck
+- Edit opt -> opts
+- Add  delete
+- Table color
+- Product create
+- Bind function
+- Undo not work
+- Change type btn
+- Handle edit
+- Toggle button component
+- Toggle button disable
+- *(01)* Use new toggle button
+- *(04)* Use new toggle button & component
+- Change i18n
+- Get value id by url
+- Add submit customerBranch
+- Return data
+- Handle null
+- Close Dialog
+- Add fetch after close
+- PersonCard add @enter-card and @update-card
+- Edit branch current of customer
+- *(04)* Change service status
+- *(04)* Change product status
+- Show Empoloyee in Customer
+- *(04)* Disable code when edit
+- Delete btn test
+- *(04)* Form space & product status
+- *(04)* Disable price color
+- *(04)* Service code and tab
+- *(04)* Service work product img
+- Edit customerBranch can null
+- Role admin view
+- Save button does not disappear.
+- Add components table
+- Use components table
+- *(04)* Service work product price color
+- Use TableEmpoloyee
+- Get api  employee by branchId
+- Add i18n of customerBranch
+- Use i18n of customerBranch
+- Get employee of Branch
+- *(04)* Service group (unfinish)
+- Add opts status
+- Change name emit
+- Use i18n and rules input accountNumber
+- Use triggerChangeStatus of employee
+- *(04)* Show total price checkbox
+- *(04)* Table order
+- Edit div of DrawerInfo
+- Clean code
+- *(04)* Empty value show '-'
+- *(04)* I18n
+- Edit div of DialogForm
+- Edit padding
+- Edit btn save static
+- Change word
+- *(03)* Add q-mb-xl
+- Fix display conditions
+- Edit data field-selected
+- Show Empoloyee in table Customer
+- Change method app params
+- Change icon btn
+- Add display conditions
+- Edit i18n
+- Edit columns of Employee
+- Move button product
+- Use spacing md lg instead
+- Header  Can only see 1 thing
+- Add defineModel pageSize and currentPage
+- V-model page-size and current-page
+- Header img error
+- Edit type Menu add tab?
+- Use prefixId
+- SideMenu navigate
+- Add div column
+- Add border
+- *(04)* Action and display control in component
+- Misc
+- Clearable DatePicker
+- *(02)* Use share DatePicker
+- Use lib uuid instead (for local server)
+- Color display conditions
+- Edit columnsCustomer
+- Edit defaultFormData
+- Assign Value
+- Add id SideMenu
+- Delete unused values.
+- Change the data retrieval method
+- By value
+- Change name
+- Add in-table
+- Clean
+- Edit function get attachment
+- Add  workplace and workplaceEN
+- Header  CustomerType
+- Edit branchNo -> index
+- Edit class
+- Header value is null
+- Change name type -> businessTypePure
+- Edit field table
+- Continue function
+- Edit show name
+- Set defaultFormData
+- Add type contactName
+- Add input contactName
+- Time problem
+- Use work place for employer
+- Edit AddButton of Employee
+- V-model prefix on create
+- Edit sending conditions
+- Header Format numbers
+- ZipCode now pull from subDistrict
+- 02 image & download image
+- No img no download
+- *(04)* Table > name
+- No product on service work & select all search
+- Header data on submit
+- Close after pressing delete
+- Header branch
+- Edit header data on submit
+- Responsive
+- Edit name defineModel
+- *(04)* Price display and price col
+- Change conditions disable
+- Change conditions currentTab
+- Header  on submit
+- Header status INACTIVE can't edit
+- Use baseUrl show image
+- Add button display conditions
+- Show title Document Management
+- Header img
+- Add drawerModal
+- Add drawer customer
+- Add status in children tree
+- *(02)* Br id
+- Add vue-pdf
+- Add UploadFile
+- Add function sendOcr
+- Add environment
+- Kebab action
+- Nationality value
+- I18n backend
+- Employee mid name and prefix
+- Employee address same with employer
+- Fallback img customer
+- Edit get file
+- Add uploadFileList
+- Edit manu
+- Add Attachment
+- Edit map data
+- Add defineProps ocr
+- CurrentFileSelected
+- Add uploadFile in EmployerFormBranch
+- Add Content-Type
+- Map tree
+- Add data uploadFileListCustomer
+- By data
+- Add FormCitizen
+- Export FormCitizen
+- Add Spinners
+- Add statusOcr
+- Add type namePrefix
+- Edit assign treeFile
+- Add  defineProps  readonly
+- Wait putAttachment
+- Delete rules
+- Remove unnecessary param
+- Add classellipsis
+- Return mode from slot
+- Delete q-pa-sm
+- DeleteAttachment return data
+- Add dialog delete
+- Add closeButton
+- Add type name
+- Edit url deleteAttachment
+- Header  Deleted value, index changed value
+- Add deleteAttachment
+- Add  deleteAttachment
+- Map treeFile
+- *(03)* Employee visa passport
+- File add type name
+- Assign file arry
+- Change the way data is sent
+- Header undo
+- Add  function putAttachment
+- Change name citizenId -> citizen
+- AssignOcrEmployeeData
+- Add countryCode
+
+### 🎨 Styling
+
+- Add hover
+- Add shadow when hover
+
+### 🧪 Testing
+
+- Create file
+- Create Script JWS Branch Management
+- Create Script Personnel
+
+### ⚙️ Miscellaneous Tasks
+
+- Bump deps
+- Lock file
+- Signature pad package
+- Update lock file
+- Update type to match back-end
+- Clean up
+- Bump deps ver
+- Add dependabot
+- Project setting exclude tests
+- Comment error to prev commit
+- Format code
+- Remove unuse
+- Format
+- Clean
+- Clean more
+- Cleanup
+- Remove probably not use
+- Clean unuse
+- Store customer code in state
+- Clean unused
+- Remove unused
+- Update build
+- Update compose
+- Internal deploy workflow
+- Update npm lock file
+- Update deps
+- Eslint now ignore tests
+- Clean branch module
+
+### Change
+
+- Move button service
+
+### Refacot
+
+- Add i18n thai
+- Event of FormEmployeeOther and FormEmployeeHealthCheck
+
+### Refacotr
+
+- Styling
+
+### Refacrot
+
+- (03) edit path
+- (01) edit path
+
+### Refactoe
+
+- Edit defineProps add Defaults of fieldSelected
+
+### Refator
+
+- Add constant
+
+## [0.0.3] - 2024-04-19
+
+### 🚀 Features
+
+- Add docker compose
+- Adjust icon size
+- Search user
+- ตรวจสอบว่าแก้ไข หรือ ดู
+- Form ดูรายละเอียด
+- เพิ่ม  i18n TitleView
+- เพิ่ม badge
+- เพิ่ม ปิด  กับสถานะของ branch
+- Agency attachment
+- Clear formbytype when user type changed
+
+### 🐛 Bug Fixes
+
+- แก้เงื่อนไขการเเสดงผล
+- Dot vertical  (person card)
+- Center text (selector)
+- Drawer width
+- Selector by form
+- Type error
+- กดสร้างไม่ได้
+- ปรับความหน่าง บน ล่าง ของ ปุ่ม
+- Naming
+- แก้ไขลูก ไม่ไป
+- Tooltip border
+- File name case
+- แก้ลูก ใน  รายละเอียดไม่ได้
+- Clean, profile condition
+- แก้  เอาเบอร์ติดต่อมาแสดง
+- แก้  i18n
+- Add personnel
+- แก้ไขลูกไม่ได้
+- แก้จำนวนสาขาไม่อัป
+
+### 🚜 Refactor
+
+- Change default border-radius size
+- Update border radius
+
+### ⚙️ Miscellaneous Tasks
+
+- Remove field
+- Cleanup
+
+## [0.0.2] - 2024-04-19
+
+### 🚀 Features
+
+- Get contact from branch
+- Add branch card component
+- Filter ทั้งหมด สาขาใหญ่ สาขา
+- Show image on upload
+- Branch upload image preview
+- Toggle status
+- Transform status text
+- เพิ่ม  i18n
+- Profile image for non system admin user
+- ระบบย้อนกลับ
+- Show user stats
+- Select user type that at least have one
+- Add userType filter on fetch list
+- Inactive branch card
+- ทำ form input
+- ต่อ  api สร้าง เเม่
+- ต่อ  api สร้าง ลูก
+- Inactive color
+- Update dark theme border color
+- ต่อ api  ลบ
+- Color adjustment
+- Update i18n
+- Filter based on status
+- Change text when use filter
+- Toggle status and filter text
+- Add emit event
+- Condition disable delete btn
+- เพิ่ม อัปโหลดรูป ภาพสำนักงานได้
+- สร้าง form อัปโหลด ภาพสำนักงาน
+- รูปพื้นหลังของแผนที่
+- Select first
+- Cleanup backdrop
+- Personnel info
+- Personnel drawer info edit, delete, undo
+- Search branch (local)
+- Add Github Action
+
+### 🐛 Bug Fixes
+
+- Floating background when long name
+- Missing type
+- Missing i18n
+- Type telephoneNo
+- แก้ไข contact: BranchContact[];
+- Form component
+- System admin does not have image
+- Build failed
+- Form
+- Import typo
+- แก้ function การสร้าง
+- เพิ่ม .stop
+- แก้  type
+- แก้ editById ให้  แก้ไขรูปได้
+- แก้  i18nไม่ทำงาน
+- Type error and assign hq to user
+- Type
+- แก้ type  เพิ่ม imageUrl
+- Function ให้ อัปโหลดภาพ hq ได้
+- แก้ขนาดไม่ตรงกัน
+- แก้ไข type status
+- SelectorList color and space
+- Select district & subdistrict
+- UserRole select value & responsible area value
+- Remove route
+- เพิ่ม เงื่อนไข การเเสดงปุ่มสร้างของลูก
+
+### 🚜 Refactor
+
+- Conditional type based on args
+- Stats card
+- Add map to contact store
+- Add more params
+- Update i18n
+- Overhaul
+- Value
+- Remove keycloak id from type
+- Styling
+- Update type
+- User type
+- Personnel main
+- Positive color
+- Adjust spacing
+- Color shade
+- Update store
+
+### ⚙️ Miscellaneous Tasks
+
+- Clean up
+- Remove unused
+- Comment out unused var (build failed)
+- Cleanup
+
+## [0.0.1] - 2024-04-12
+
+### 🚀 Features
+
+- เพิ่ม icon
+- Main => branch&personnel router
+- เพิ่ม route  ของ เมนู
+- เพื่ม  route จัดการบุคลากร
+- สร้างปุ่ม  trigger
+- จัด layout
+- Header => noti&account
+- Fetch address from api
+- Branch api
+- Add shared type
+- Iconify & iconsax
+- เพิ่มรูป เเบบ  dark  กับ light
+- เพิ่ม  i18n
+- เพิ่มคำของ  drawer
+- เพิ่มตัวเเปรของสี  tooltip
+- ทำ tooltip เเละ สี  dark
+- เพิ่ม  i18n เปลี่ยนภาษา
+- เพิ่ม i18n ของ mainPage branch
+- เพิ่ม ตัวเเปร เก็บระยะห่าง left
+- GlobalDialog
+- Header => logout & filter unread
+- จัด  layout
+- สร้าง  stat card componet
+- เรียนใช้  stat card componet
+- เพิ่มตัวเเปรสี
+- Personnel => Person card, hover
+- Main => i18n
+- Branch user related endpoint
+- Branch-contact endpoints fn
+- User endpoints
+- Add global color (gender color)
+- Css scrollbar, textmute, main
+- SelectorList component
+- Personnel => layout
+- StatCard shadow, gap, max-h
+- เพิ่ม  i18n  ของ  manu tree
+- Personnel => tooltip, add btn, selector
+- Personnel => card status, locale
+- Personnel => i18n
+- BtnAdd cyan color
+- Use api fn to fetch person
+- Disabled now have no shadow
+- Iconify vue dep
+- ตัวอย่าง  qrcode
+- เเสดงลายละเอียด
+- TableCard
+- Css add negative color
+- FormDialog
+- Add branch children type
+- Default drawer state to false
+- เพิ่ม append ของ tree
+- ต่อ  api  tree
+- จัด  layout inputform
+- สร้าง  deatail drawer component
+- Api function customer endpoints
+- Add more utility card
+- Increase shadow
+- Datepicker
+- BtnAdd (i18n)
+- ต่อ  api  ของ  tree และ  card
+- เพิ่ม params ใน fetchList
+- Fetch Province , District , SubDistrict
+- ตรวจสอบเปลี่ยนจังหวัด ให้ล้างค่าเก่า
+- User attachment
+- Branch userStats (store, type)
+- UserTypeStats (type, store)
+- I18n branch label
+- ต่อ api  form  แก้ไข กับ สร้าง
+- I18n address zip code
+- Personnel update emit
+- Personnel => Option (type, store)
+- Add i18n
+- Branch stats
+- Store branch stat
+- View personnel info (wip)
+- ต่อ  api  แก้ Branch Contact
+- Personnel => Main submit function
+- Upload image
+- ต่อ api  ลบ
+- I18n stats card
+- Update i18n
+- Dark mode stats card
+- Add bottom spacing
+- Add transition to all background
+- User type => roleData
+- Select district & sub when edit
+- Personnel =>addrOption, roleOption, profileImg
+- Personnel => enter card
+- Add no data image
+- Dark mode different color
+- Update i18n 'branchName'
+- I18n add language and language name
+- I18n label
+- I18n loading
+- Default i18n
+- Role option, hideBotSpace
+- I18n ของ  form
+- ทำ  dark ของ  form  code
+- Dark mode card
+- ตรวจสอบข้อมูล
+- Edit and delete branch
+- Personnel info (bg, layout)
+- UserOption
+- I18n user
+- Personnel info form and btn
+
+### 🐛 Bug Fixes
+
+- แก้ไข border
+- Circle border
+- Main => use iconify&iconsax
+- ลบเงาออก
+- เเก้ tooltip เป็น  componet
+- Wrong import & css
+- ย้ายตำแหน่งของไฟล์
+- เเก้ end tab
+- ลบ  storage
+- Param in doLogout function
+- เเก้  การเรียกใช้ตัวเเปรสี
+- เเก้การเรียกใช้ตัวเเปรสี
+- Return value
+- Change color name main to info
+- Personnel => card status
+- Personnel => selector i18n
+- เเก้ เอา th ออก
+- Error not defined
+- เเก้ชื่อ ผิด
+- File name typo
+- เเก้ ชื่อผิด
+- Remove wrong file name
+- Component import typo
+- Iconify component
+- เพิ่มชื่อผิด
+- Axios error icon
+- ลบ icon  ออก
+- เเก้เรียกใช้
+- Form top padding
+- ลบ  code  ออก
+- Add code for user&branch type
+- Quasar color does not support hsl
+- Form variable name
+- Font on VueDatePicker
+- เเก้ตัวเเปร
+- แก้ type
+- Selector count
+- Missing query
+- เพิ่ม  type  branchId
+- เรียนใช้ ตัว เเปร ผิด
+- เรียกใช้ตัวเเปร  ผิด
+- Type
+- แก้ชื่อผิด
+- แก้ type img
+- Remove i18n statcard
+- Unintent import
+- VueDatePicker font
+- PersonCard => profile img
+- Remove i18n warning
+- Personnel => confirm dialog & age
+- Missing view detail i18n
+- Conditional label
+- Conditional label hq or br
+- Center vertically
+- Show status text instead
+- Typo
+- Missing component
+- Wrong color
+- Personnel info btn
+- Label wrap
+- Color
+- Personnel status
+- UserType i18n & colorformat
+- User type and store
+- FormBytype icon color & readonly
+
+### 🚜 Refactor
+
+- Extract type
+- StatCard max-h
+- Param on tooltip component
+- Type, required and nullable
+- Import and icon
+- Nullable field
+- Overhaul branch management
+- Update user image
+- Class name
+- Remove unnecessary
+- Personnel => card  '-' fallback
+- Form space
+- PersonCard emit
+- Personnel => main
+- Reduce border radius
+- Add more customize option
+- Color, data structure
+- Card
+- Default rounded
+- Adjust image upload
+- Move component to share component
+- Cleanup
+- Rename variable
+- Add button view detail
+- View detail on hq and br
+- Personnel => enter card click.stop
+- Branch card
+- Function and type
+- Color name
+- Status badge
+- Detail layout
+- Spacing
+- Change color
+- Branch
+- Edit form use FormComponent (name, top, byType) instead
+
+### ⚙️ Miscellaneous Tasks
+
+- Env variable
+- Cleanup
+- Adjust shadow strength
+- Update pnpm lock file
+- Format
+- Update deps
+
+### Feta
+
+- Update i18n 'status'
+
+### Refacotr
+
+- Adjust tree
+
+<!-- generated by git-cliff -->
diff --git a/cliff.toml b/cliff.toml
new file mode 100644
index 00000000..0c34096f
--- /dev/null
+++ b/cliff.toml
@@ -0,0 +1,89 @@
+# git-cliff ~ default configuration file
+# https://git-cliff.org/docs/configuration
+#
+# Lines starting with "#" are comments.
+# Configuration options are organized into tables and keys.
+# See documentation for more information on available options.
+
+[changelog]
+# changelog header
+header = """
+# Changelog\n
+All notable changes to this project will be documented in this file.\n
+"""
+# template for the changelog body
+# https://keats.github.io/tera/docs/#introduction
+body = """
+{% if version %}\
+    ## [{{ version | trim_start_matches(pat="version-") }}] - {{ timestamp | date(format="%Y-%m-%d") }}
+{% else %}\
+    ## [unreleased]
+{% endif %}\
+{% for group, commits in commits | group_by(attribute="group") %}
+    ### {{ group | striptags | trim | upper_first }}
+    {% for commit in commits | unique(attribute="message") %}
+        - {% if commit.scope %}*({{ commit.scope }})* {% endif %}\
+            {% if commit.breaking %}💥**breaking**💥 {% endif %}\
+            {{ commit.message | upper_first }}\
+    {% endfor %}
+{% endfor %}\n
+"""
+# template for the changelog footer
+footer = """
+<!-- generated by git-cliff -->
+"""
+# remove the leading and trailing s
+trim = true
+# postprocessors
+postprocessors = [
+  # { pattern = '<REPO>', replace = "https://github.com/orhun/git-cliff" }, # replace repository URL
+]
+
+[git]
+# parse the commits based on https://www.conventionalcommits.org
+conventional_commits = true
+# filter out the commits that are not conventional
+filter_unconventional = true
+# process each line of a commit as an individual commit
+split_commits = false
+# regex for preprocessing the commit messages
+commit_preprocessors = [
+  # Replace issue numbers
+  #{ pattern = '\((\w+\s)?#([0-9]+)\)', replace = "([#${2}](<REPO>/issues/${2}))"},
+  # Check spelling of the commit with https://github.com/crate-ci/typos
+  # If the spelling is incorrect, it will be automatically fixed.
+  #{ pattern = '.*', replace_command = 'typos --write-changes -' },
+]
+# regex for parsing and grouping commits
+commit_parsers = [
+  { message = "^feat", group = "<!-- 0 -->🚀 Features" },
+  { message = "^fix", group = "<!-- 1 -->🐛 Bug Fixes" },
+  { message = "^doc", group = "<!-- 3 -->📚 Documentation" },
+  { message = "^perf", group = "<!-- 4 -->⚡ Performance" },
+  { message = "^refactor", group = "<!-- 2 -->🚜 Refactor" },
+  { message = "^style", group = "<!-- 5 -->🎨 Styling" },
+  { message = "^test", group = "<!-- 6 -->🧪 Testing" },
+  { message = "^chore\\(release\\): prepare for", skip = true },
+  { message = "^chore\\(deps.*\\)", skip = true },
+  { message = "^chore\\(pr\\)", skip = true },
+  { message = "^chore\\(pull\\)", skip = true },
+  { message = "^chore|^ci", group = "<!-- 7 -->⚙️ Miscellaneous Tasks" },
+  { body = ".*security", group = "<!-- 8 -->🛡️ Security" },
+  { message = "^revert", group = "<!-- 9 -->◀️ Revert" },
+]
+# protect breaking changes from being skipped due to matching a skipping commit_parser
+protect_breaking_commits = false
+# filter out the commits that are not matched by commit parsers
+filter_commits = false
+# regex for matching git tags
+# tag_pattern = "v[0-9].*"
+# regex for skipping tags
+# skip_tags = ""
+# regex for ignoring tags
+# ignore_tags = ""
+# sort the tags topologically
+topo_order = false
+# sort the commits inside sections by oldest/newest order
+sort_commits = "oldest"
+# limit the number of commits included in the changelog.
+# limit_commits = 42