diff --git a/src/stores/branch/index.ts b/src/stores/branch/index.ts
new file mode 100644
index 00000000..1cad94d5
--- /dev/null
+++ b/src/stores/branch/index.ts
@@ -0,0 +1,147 @@
+import { ref } from 'vue';
+import { defineStore } from 'pinia';
+import { District, Province, SubDistrict } from '../address';
+import { Pagination, Status } from '../types';
+import { api } from 'src/boot/axios';
+
+export type Branch = {
+  subDistrict: SubDistrict | null;
+  district: District | null;
+  province: Province | null;
+  updatedAt: string;
+  updateBy: string;
+  createdAt: string;
+  createdBy: string;
+  status: Status;
+  headOfficeId: string | null;
+  isHeadOffice: boolean;
+  longitude: string;
+  latitude: string;
+  telephoneNo: string;
+  email: string;
+  zipCode: string;
+  subDistrictId: string;
+  districtId: string;
+  provinceId: string;
+  addressEN: string;
+  addressTH: string;
+  nameEN: string;
+  nameTH: string;
+  taxNo: string;
+  code: string;
+  id: string;
+};
+
+const useBranchStore = defineStore('api-branch', () => {
+  const data = ref<Pagination<Branch[]>>();
+
+  async function fetchBranch(opts?: {
+    page?: number;
+    pageSize?: number;
+    zipCode?: string;
+    query?: string;
+  }) {
+    const params = new URLSearchParams();
+
+    if (opts?.pageSize && opts?.pageSize > 0) {
+      params.append('pageSize', `${opts.pageSize}`);
+    }
+    if (opts?.page && opts.page > 0) params.append('page', `${opts.page}`);
+    if (opts?.zipCode) params.append('zipCode', opts.zipCode);
+    if (opts?.query) params.append('query', opts.query);
+
+    const query = params.toString();
+
+    const res = await api.get<Pagination<Branch[]>>(
+      `/branch${(params && '?'.concat(query)) || ''}`,
+    );
+
+    if (res && res.status === 200) {
+      data.value = res.data;
+      return data.value;
+    }
+    return false;
+  }
+
+  async function fetchBranchById(id: string) {
+    const res = await api.get<Branch>(`/branch/${id}`);
+
+    if (!res) return false;
+    if (res.status === 200) return res.data;
+    if (res.status === 204) return null;
+
+    return false;
+  }
+
+  async function createBranch(branch: {
+    code: string;
+    taxNo: string;
+    nameEN: string;
+    nameTH: string;
+    addressEN: string;
+    addressTH: string;
+    zipCode: string;
+    email: string;
+    telephoneNo: string;
+    longitude: string;
+    latitude: string;
+    subDistrictId?: string | null;
+    districtId?: string | null;
+    provinceId?: string | null;
+    headOfficeId?: string | null;
+  }) {
+    const res = await api.post<Branch>('/branch', branch);
+
+    if (!res) return false;
+
+    return res.data;
+  }
+
+  async function editBranchById(
+    id: string,
+    branch: {
+      code?: string;
+      taxNo?: string;
+      nameEN?: string;
+      nameTH?: string;
+      addressEN?: string;
+      addressTH?: string;
+      zipCode?: string;
+      email?: string;
+      telephoneNo?: string;
+      longitude?: string;
+      latitude?: string;
+      subDistrictId?: string | null;
+      districtId?: string | null;
+      provinceId?: string | null;
+      headOfficeId?: string | null;
+    },
+  ) {
+    const res = await api.patch<Branch>(`/branch/${id}`, branch);
+
+    if (!res) return false;
+
+    return res.data;
+  }
+
+  async function deleteBranchById(id: string) {
+    const res = await api.delete<Branch>(`/branch/${id}`);
+
+    if (!res) return false;
+    if (res.status === 200) return res.data;
+
+    return false;
+  }
+
+  return {
+    data,
+    fetchBranch,
+    fetchBranchById,
+
+    createBranch,
+    editBranchById,
+    deleteBranchById,
+  };
+});
+
+export default useBranchStore;