diff --git a/packages/date-picker/src/date-picker-com/basic-date-table.vue b/packages/date-picker/src/date-picker-com/basic-date-table.vue
index 4fc3f8dd8d..ede58cb0ef 100644
--- a/packages/date-picker/src/date-picker-com/basic-date-table.vue
+++ b/packages/date-picker/src/date-picker-com/basic-date-table.vue
@@ -112,7 +112,7 @@ export default defineComponent({
       return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(firstDayOfWeek, firstDayOfWeek + 7)
     })
 
-    const rows = computed(()=>  {
+    const rows = computed(() =>  {
       // TODO: refactory rows / getCellClasses
       const startOfMonth = props.date.startOf('month')
       const startOfMonthDay = startOfMonth.day() || 7 // day of first day
diff --git a/packages/date-picker/src/date-picker-com/basic-month-table.vue b/packages/date-picker/src/date-picker-com/basic-month-table.vue
index e35ec92954..2064ed66df 100644
--- a/packages/date-picker/src/date-picker-com/basic-month-table.vue
+++ b/packages/date-picker/src/date-picker-com/basic-month-table.vue
@@ -70,7 +70,7 @@ export default defineComponent({
     const tableRows = ref([ [], [], [] ])
     const lastRow = ref(null)
     const lastColumn = ref(null)
-    const rows = computed(() =>{
+    const rows = computed(() => {
       // TODO: refactory rows / getCellClasses
       const rows = tableRows.value
       const now = dayjs().startOf('month')
diff --git a/packages/date-picker/src/date-picker-com/basic-year-table.vue b/packages/date-picker/src/date-picker-com/basic-year-table.vue
index 425cb53790..e8374177ba 100644
--- a/packages/date-picker/src/date-picker-com/basic-year-table.vue
+++ b/packages/date-picker/src/date-picker-com/basic-year-table.vue
@@ -76,7 +76,7 @@ export default defineComponent({
   emits: ['pick'],
 
   setup(props, ctx) {
-    const startYear = computed(() =>{
+    const startYear = computed(() => {
       return Math.floor(props.date.year() / 10) * 10
     })
     const getCellStyle = year => {
diff --git a/packages/date-picker/src/date-picker-com/panel-month-range.vue b/packages/date-picker/src/date-picker-com/panel-month-range.vue
index d3f122083f..0634ba9b8c 100644
--- a/packages/date-picker/src/date-picker-com/panel-month-range.vue
+++ b/packages/date-picker/src/date-picker-com/panel-month-range.vue
@@ -142,7 +142,7 @@ export default defineComponent({
       leftDate.value = leftDate.value.add(1, 'year')
     }
 
-    const rightPrevYear = () =>{
+    const rightPrevYear = () => {
       rightDate.value = rightDate.value.subtract(1, 'year')
     }
     const leftLabel = computed(() => {
@@ -153,7 +153,7 @@ export default defineComponent({
       return `${rightDate.value.year()} ${t('el.datepicker.year')}`
     })
 
-    const leftYear = computed(() =>{
+    const leftYear = computed(() => {
       return leftDate.value.year()
     })
 
diff --git a/packages/scrollbar/src/bar.ts b/packages/scrollbar/src/bar.ts
index 1d364b75d7..68d8fbb1c5 100644
--- a/packages/scrollbar/src/bar.ts
+++ b/packages/scrollbar/src/bar.ts
@@ -36,7 +36,7 @@ export default defineComponent({
 
       wrap.value[bar.value.scroll] = (thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100)
     }
-    const startDrag = e =>{
+    const startDrag = e => {
       e.stopImmediatePropagation()
       cursorDown.value = true
       on(document, 'mousemove', mouseMoveDocumentHandler)
diff --git a/packages/time-picker/src/common/picker.vue b/packages/time-picker/src/common/picker.vue
index cc6abb7277..103af3eb63 100644
--- a/packages/time-picker/src/common/picker.vue
+++ b/packages/time-picker/src/common/picker.vue
@@ -353,7 +353,7 @@ export default defineComponent({
       ctx.emit('focus', e)
     }
 
-    const pickerDisabled = computed(() =>{
+    const pickerDisabled = computed(() => {
       return props.disabled || elForm.disabled
     })
 
@@ -414,7 +414,7 @@ export default defineComponent({
       return props.prefixIcon || (isTimeLikePicker.value ? 'el-icon-time' : 'el-icon-date')
     })
     const showClose = ref(false)
-    const onClearIconClick = event =>{
+    const onClearIconClick = event => {
       if (props.readonly || pickerDisabled.value) return
       if (showClose.value) {
         event.stopPropagation()
diff --git a/packages/time-picker/src/time-picker-com/basic-time-spinner.vue b/packages/time-picker/src/time-picker-com/basic-time-spinner.vue
index 09b3f4a69f..9abad475a6 100644
--- a/packages/time-picker/src/time-picker-com/basic-time-spinner.vue
+++ b/packages/time-picker/src/time-picker-com/basic-time-spinner.vue
@@ -136,13 +136,13 @@ export default defineComponent({
     const timePartsMap = computed(() => ({
       hours, minutes, seconds,
     }))
-    const hoursList = computed(() =>{
+    const hoursList = computed(() => {
       return getHoursList(props.role)
     })
-    const minutesList = computed(() =>{
+    const minutesList = computed(() => {
       return getMinutesList(hours.value, props.role)
     })
-    const secondsList = computed(() =>{
+    const secondsList = computed(() => {
       return getSecondsList(hours.value, minutes.value, props.role)
     })
     const listMap = computed(() => ({
@@ -158,7 +158,7 @@ export default defineComponent({
         hour < 23 ? hour + 1 : undefined,
       ]
     })
-    const arrowMinuteList = computed(()=> {
+    const arrowMinuteList = computed(() => {
       const minute = minutes.value
       return [
         minute > 0 ? minute - 1 : undefined,
@@ -166,7 +166,7 @@ export default defineComponent({
         minute < 59 ? minute + 1 : undefined,
       ]
     })
-    const arrowSecondList = computed(() =>{
+    const arrowSecondList = computed(() => {
       const second = seconds.value
       return [
         second > 0 ? second - 1 : undefined,
@@ -189,7 +189,7 @@ export default defineComponent({
       return content
     }
 
-    const emitSelectRange = type =>{
+    const emitSelectRange = type => {
       if (type === 'hours') {
         ctx.emit('select-range', 0, 2)
       } else if (type === 'minutes') {
@@ -200,7 +200,7 @@ export default defineComponent({
       currentScrollbar.value = type
     }
 
-    const adjustCurrentSpinner = type =>{
+    const adjustCurrentSpinner = type => {
       adjustSpinner(type, timePartsMap.value[type].value)
     }
 
@@ -221,7 +221,7 @@ export default defineComponent({
       }
     }
 
-    const typeItemHeight  = type =>{
+    const typeItemHeight  = type => {
       const el = listRefsMap[type]
       return el.value.$el.querySelector('li').offsetHeight
     }
diff --git a/packages/time-picker/src/time-picker-com/panel-time-range.vue b/packages/time-picker/src/time-picker-com/panel-time-range.vue
index a3e7d1101c..b7089738b3 100644
--- a/packages/time-picker/src/time-picker-com/panel-time-range.vue
+++ b/packages/time-picker/src/time-picker-com/panel-time-range.vue
@@ -110,7 +110,7 @@ export default defineComponent({
     const minDate = computed(() => props.parsedValue[0])
     const maxDate = computed(() => props.parsedValue[1])
     const oldValue = ref(props.parsedValue)
-    const handleCancel = () =>{
+    const handleCancel = () => {
       ctx.emit('pick', oldValue.value, null)
     }
     const showSeconds = computed(() => {
diff --git a/website/entry.js b/website/entry.js
index 59c10c9f01..4e561dfb9d 100644
--- a/website/entry.js
+++ b/website/entry.js
@@ -36,7 +36,7 @@ const router = createRouter({
 })
 app.use(ElementPlus)
 app.use(router)
-router.isReady().then(()=>{
+router.isReady().then(() => {
 
   router.afterEach(async route => {
     await nextTick()