style(eslint-config): newline before import type (#21036)

* perf: change to import-x

* feat: add rules

* chore: fix rule

* chore: fix

* chore: fix

* chore: fix

* style: `pnpm lint:fix`

* Revert "style: `pnpm lint:fix`"

This reverts commit db0116a288.

* Revert "chore: fix"

This reverts commit 69c82a90c0.

* chore: fix

* style: `pnpm lint:fix`

* fix: lint

* chore: `pnpm format`

docs/.vitepress/config/plugins.ts

@@ -7,6 +7,7 @@ import tag from '../plugins/tag'
 import headers from '../plugins/headers'
 import createDemoContainer from '../plugins/demo'
 import { ApiTableContainer } from '../plugins/api-table'
+
 import type { MarkdownRenderer } from 'vitepress'
 
 export const mdPlugin = (md: MarkdownRenderer) => {

docs/.vitepress/config/vite.ts

@@ -16,6 +16,7 @@ import {
   projRoot,
 } from '@element-plus/build-utils'
 import { MarkdownTransform } from '../plugins/markdown-transform'
+
 import type { Plugin, UserConfig } from 'vitepress'
 
 type ViteConfig = Required<UserConfig>['vite']

docs/.vitepress/plugins/demo.ts

@@ -1,6 +1,7 @@
 import path from 'path'
 import fs from 'fs'
 import { docRoot } from '@element-plus/build-utils'
+
 import type { MarkdownRenderer } from 'vitepress'
 
 interface ContainerOpts {

docs/.vitepress/plugins/headers.ts

@@ -1,4 +1,5 @@
 import { resolveHeadersFromTokens, slugify } from '@mdit-vue/shared'
+
 import type { MarkdownRenderer } from 'vitepress'
 
 /**

docs/.vitepress/sw.ts

@@ -1,4 +1,5 @@
 import { cacheNames, clientsClaim } from 'workbox-core'
+
 import type { ManifestEntry } from 'workbox-build'
 
 declare let self: ServiceWorkerGlobalScope & {

docs/.vitepress/theme/index.ts

@@ -3,9 +3,9 @@ import ElementPlus, {
   ZINDEX_INJECTION_KEY,
 } from 'element-plus'
 import { isClient } from '@vueuse/core'
-
 import VPApp, { NotFound, globals } from '../vitepress'
 import { define } from '../utils/types'
+
 import 'uno.css'
 import './style.css'
 import 'vitepress/dist/client/theme-default/styles/components/vp-code-group.css'

docs/.vitepress/vitepress/components/common/vp-theme-toggler.vue

@@ -3,6 +3,7 @@ import { nextTick, ref, watch } from 'vue'
 import { isDark, toggleDark } from '../../composables/dark'
 import DarkIcon from '../icons/dark.vue'
 import LightIcon from '../icons/light.vue'
+
 import type { SwitchInstance } from 'element-plus'
 
 defineOptions({ inheritAttrs: false })

docs/.vitepress/vitepress/components/doc-content/vp-table-of-content.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useToc } from '../../composables/use-toc'
-
 import sponsorLocale from '../../../i18n/component/sponsor.json'
 import { useLang } from '../../composables/lang'
 import SponsorsButton from '../sponsors/sponsors-button.vue'

docs/.vitepress/vitepress/components/full-screen/vp-menu-link.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { usePlaygroundPreview } from '../../composables/use-playground'
 import VPLink from '../common/vp-link.vue'
+
 import type { Link } from '../../types'
 
 const props = defineProps<{

docs/.vitepress/vitepress/components/globals/icons.vue

@@ -6,6 +6,7 @@ import * as Icons from '@element-plus/icons-vue'
 import { useLang } from '../../composables/lang'
 import localeData from '../../../i18n/component/icons.json'
 import IconCategories from './icons-categories.json'
+
 import type { DefineComponent } from 'vue'
 
 type CategoriesItem = {

docs/.vitepress/vitepress/components/globals/overview.vue

@@ -79,7 +79,9 @@ import { computed, nextTick, onMounted, ref } from 'vue'
 import { useRouter } from 'vitepress'
 import { Search } from '@element-plus/icons-vue'
 import overviewLocale from '../../../i18n/component/overview.json'
+
 import type { InputInstance } from 'element-plus'
+
 import { useSidebar } from '~/composables/sidebar'
 import { useLang } from '~/composables/lang'
 import overviewIcons from '~/components/overview-icons'

docs/.vitepress/vitepress/components/globals/parallax-home.vue

@@ -6,7 +6,9 @@ import homeLocale from '../../../i18n/pages/home.json'
 import HomeSponsors from '../home/home-sponsors.vue'
 import HomeCards from '../home/home-cards.vue'
 import HomeFooter from './vp-footer.vue'
+
 import type { CSSProperties } from 'vue'
+
 import { isDark } from '~/composables/dark'
 
 const target = ref<HTMLElement | null>(null)

docs/.vitepress/vitepress/components/globals/resource.vue

@@ -4,7 +4,6 @@ import { isClient } from '@vueuse/core'
 import { useLang } from '../../composables/lang'
 import resourceLocale from '../../../i18n/pages/resource.json'
 import { sendEvent } from '../../../config/analytics'
-
 import AxureComponentsSvg from './resources/axure-components-svg.vue'
 import SketchTemplateSvg from './resources/sketch-template-svg.vue'
 import FigmaTemplateSvg from './resources/figma-template-svg.vue'

docs/.vitepress/vitepress/components/home/home-sponsors.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { goldSponsors, platinumSponsors } from '../../../config/sponsors'
-
 import SponsorsButton from '../sponsors/sponsors-button.vue'
 import SponsorList from './sponsor-list.vue'
 </script>

docs/.vitepress/vitepress/components/navbar/vp-menu-link.vue

@@ -4,6 +4,7 @@ import { useStorage } from '@vueuse/core'
 import VPLink from '../common/vp-link.vue'
 import { isActive } from '../../utils'
 import { usePlaygroundPreview } from '../../composables/use-playground'
+
 import type { Link } from '../../types'
 
 const USER_VISITED_NEW_RESOURCE_PAGE = 'USER_VISITED_NEW_RESOURCE_PAGE'

docs/.vitepress/vitepress/components/navbar/vp-search.vue

@@ -7,6 +7,7 @@ import { isClient } from '@vueuse/core'
 import { useLang } from '../../composables/lang'
 // import type { DefaultTheme } from '../config'
 import searchLocale from '../../../i18n/component/search.json'
+
 import type { DocSearchHit } from '@docsearch/react/dist/esm/types'
 
 const props = defineProps<{

docs/.vitepress/vitepress/components/navbar/vp-social-link.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
 import { usePreview, usePreviewPR } from '../../composables/use-playground'
+
 import type { Component } from 'vue'
 
 const props = defineProps<{

docs/.vitepress/vitepress/components/vp-nav.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { isClient } from '@vueuse/core'
-
 import { useSidebar } from '../composables/sidebar'
 import { useFullScreen } from '../composables/fullscreen'
 import { useToggleWidgets } from '../composables/toggle-widgets'

docs/.vitepress/vitepress/components/vp-navbar.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { inBrowser, useData } from 'vitepress'
-
 import VPNavbarSearch from './navbar/vp-search.vue'
 import VPNavbarMenu from './navbar/vp-menu.vue'
 import VPNavbarThemeToggler from './navbar/vp-theme-toggler.vue'

docs/.vitepress/vitepress/components/vp-sidebar.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { useSidebar } from '../composables/sidebar'
-
 import VPSidebarLink from './sidebar/vp-sidebar-link.vue'
 
 defineProps<{ open: boolean }>()

docs/.vitepress/vitepress/composables/feature-flag.ts

@@ -1,6 +1,7 @@
 import { computed, unref } from 'vue'
 import { useData } from 'vitepress'
 import { isClient, useBrowserLocation } from '@vueuse/core'
+
 import type { MaybeRef } from '@vueuse/core'
 
 const location = useBrowserLocation()

docs/.vitepress/vitepress/composables/nav.ts

@@ -1,6 +1,5 @@
 import { computed } from 'vue'
 import { useData } from 'vitepress'
-
 import { useLang } from './lang'
 
 export const useNav = () => {

docs/.vitepress/vitepress/composables/toggle-widgets.ts

@@ -1,6 +1,6 @@
 import { watch } from 'vue'
-
 import { isClient } from '@vueuse/core'
+
 import type { Ref } from 'vue'
 
 export const useToggleWidgets = (

docs/.vitepress/vitepress/composables/translation.ts

@@ -2,7 +2,6 @@ import { computed } from 'vue'
 import { useRoute, useRouter } from 'vitepress'
 import { isClient, useStorage } from '@vueuse/core'
 import { PREFERRED_LANG_KEY } from '../constant'
-
 import langs from '../../i18n/lang.json'
 import translationLocale from '../../i18n/component/translation.json'
 import { useLang } from './lang'

docs/.vitepress/vitepress/composables/use-playground.ts

@@ -1,6 +1,7 @@
 import { onMounted, ref, watch } from 'vue'
 import { utoa } from '../utils'
 import { isDark } from './dark'
+
 import type { Link } from '../types'
 
 const MAIN_FILE_NAME = 'App.vue'

docs/en-US/component/table.md

@@ -396,7 +396,7 @@ table/tooltip-formatter
 ### Table-column Slots
 
 | Name                 | Description                       | Type                                                 |
-|----------------------|-----------------------------------| ---------------------------------------------------- |
+| -------------------- | --------------------------------- | ---------------------------------------------------- |
 | default              | Custom content for table columns  | ^[object]`{ row: any, column: any, $index: number }` |
 | header               | Custom content for table header   | ^[object]`{ column: any, $index: number }`           |
 | filter-icon ^(2.7.8) | Custom content for filter icon    | ^[object]`{ filterOpened: boolean }`                 |

docs/en-US/guide/theming.md

@@ -133,7 +133,6 @@ import vue from '@vitejs/plugin-vue'
 // You can also use unplugin-vue-components
 // import Components from 'unplugin-vue-components/vite'
 // import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
-
 // or use unplugin-element-plus
 import ElementPlus from 'unplugin-element-plus/vite'
 

docs/examples/avatar/fit.vue

@@ -9,6 +9,7 @@
 
 <script lang="ts" setup>
 import { reactive, toRefs } from 'vue'
+
 import type { ObjectFitProperty } from 'csstype'
 
 const state = reactive({

docs/examples/calendar/header.vue

@@ -24,6 +24,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { CalendarDateType, CalendarInstance } from 'element-plus'
 
 const calendar = ref<CalendarInstance>()

docs/examples/checkbox/intermediate.vue

@@ -18,6 +18,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { CheckboxValueType } from 'element-plus'
 
 const checkAll = ref(false)

docs/examples/collapse/basic.vue

@@ -51,6 +51,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { CollapseModelValue } from 'element-plus'
 
 const activeNames = ref(['1'])

docs/examples/collapse/custom-icon-position.vue

@@ -52,6 +52,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { CollapseIconPositionType } from 'element-plus'
 
 const position = ref<CollapseIconPositionType>('left')

docs/examples/collapse/custom-icon.vue

@@ -57,6 +57,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { CaretRight } from '@element-plus/icons-vue'
+
 import type { CollapseModelValue } from 'element-plus'
 
 const activeNames = ref(['1'])

docs/examples/descriptions/sizes.vue

@@ -103,6 +103,7 @@ import {
   Tickets,
   User,
 } from '@element-plus/icons-vue'
+
 import type { ComponentSize } from 'element-plus'
 
 const size = ref<ComponentSize>('default')

docs/examples/descriptions/vertical-list.vue

@@ -44,6 +44,7 @@
 
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+
 import type { ComponentSize } from 'element-plus'
 
 const size = ref<ComponentSize>('default')

docs/examples/drawer/basic-usage.vue

@@ -47,6 +47,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { ElMessageBox } from 'element-plus'
+
 import type { DrawerProps } from 'element-plus'
 
 const drawer = ref(false)

docs/examples/dropdown/dropdown-methods.vue

@@ -34,6 +34,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+
 import type { DropdownInstance } from 'element-plus'
 
 const dropdown1 = ref<DropdownInstance>()

docs/examples/form/alignment.vue

@@ -37,6 +37,7 @@
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
+
 import type { FormItemProps, FormProps } from 'element-plus'
 
 const labelPosition = ref<FormProps['labelPosition']>('right')

docs/examples/form/custom-validation.vue

@@ -32,6 +32,7 @@
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
+
 import type { FormInstance, FormRules } from 'element-plus'
 
 const ruleFormRef = ref<FormInstance>()

docs/examples/form/form-items.vue

@@ -50,6 +50,7 @@
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
+
 import type { FormInstance } from 'element-plus'
 
 const formRef = ref<FormInstance>()

docs/examples/form/number-validate.vue

@@ -29,6 +29,7 @@
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
+
 import type { FormInstance } from 'element-plus'
 
 const formRef = ref<FormInstance>()

docs/examples/form/size-control.vue

@@ -76,6 +76,7 @@
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
+
 import type { ComponentSize, FormProps } from 'element-plus'
 
 const size = ref<ComponentSize>('default')

docs/examples/form/validation.vue

@@ -90,6 +90,7 @@
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
+
 import type { FormInstance, FormRules } from 'element-plus'
 
 interface RuleForm {

docs/examples/image/manually-preview.vue

@@ -28,6 +28,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { ImageInstance } from 'element-plus'
 
 const url =

docs/examples/input-tag/tag.vue

@@ -24,6 +24,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { ElementPlus } from '@element-plus/icons-vue'
+
 import type { TagProps } from 'element-plus'
 
 const type: Array<TagProps['type']> = [

docs/examples/mention/form.vue

@@ -22,6 +22,7 @@
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
+
 import type { FormInstance, FormRules } from 'element-plus'
 
 interface RuleForm {

docs/examples/mention/loading.vue

@@ -11,6 +11,7 @@
 
 <script setup lang="ts">
 import { onBeforeUnmount, ref } from 'vue'
+
 import type { MentionOption } from 'element-plus'
 
 const value = ref('')

docs/examples/mention/prefix.vue

@@ -11,6 +11,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+
 import type { MentionOption } from 'element-plus'
 
 const MOCK_DATA: Record<string, string[]> = {

docs/examples/mention/whole.vue

@@ -21,6 +21,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+
 import type { MentionOption } from 'element-plus'
 
 const MOCK_DATA: Record<string, string[]> = {

docs/examples/message-box/alert.vue

@@ -4,6 +4,7 @@
 
 <script lang="ts" setup>
 import { ElMessage, ElMessageBox } from 'element-plus'
+
 import type { Action } from 'element-plus'
 
 const open = () => {

docs/examples/message-box/distinguishable-close-cancel.vue

@@ -4,6 +4,7 @@
 
 <script lang="ts" setup>
 import { ElMessage, ElMessageBox } from 'element-plus'
+
 import type { Action } from 'element-plus'
 
 const open = () => {

docs/examples/pagination/more-elements.vue

@@ -79,6 +79,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { ComponentSize } from 'element-plus'
 
 const currentPage1 = ref(5)

docs/examples/scrollbar/manual-scroll.vue

@@ -17,6 +17,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
+
 import type { ScrollbarInstance } from 'element-plus'
 
 type Arrayable<T> = T | T[]

docs/examples/segmented/custom-direction.vue

@@ -48,6 +48,7 @@ import {
   Pear,
   Watermelon,
 } from '@element-plus/icons-vue'
+
 import type { SegmentedProps } from 'element-plus'
 
 const value = ref('Apple')

docs/examples/select-v2/custom-footer.vue

@@ -31,6 +31,7 @@
 <script lang="ts" setup>
 import { nextTick, ref } from 'vue'
 import { ElSelectV2 } from 'element-plus'
+
 import type { CheckboxValueType } from 'element-plus'
 
 const initials = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']

docs/examples/select-v2/custom-header.vue

@@ -24,6 +24,7 @@
 
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
+
 import type { CheckboxValueType } from 'element-plus'
 
 const initials = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j']

docs/examples/select/custom-footer.vue

@@ -28,6 +28,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { CheckboxValueType } from 'element-plus'
 
 const isAdding = ref(false)

docs/examples/select/custom-header.vue

@@ -29,6 +29,7 @@
 
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
+
 import type { CheckboxValueType } from 'element-plus'
 
 const checkAll = ref(false)

docs/examples/slider/show-marks.vue

@@ -6,6 +6,7 @@
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
+
 import type { CSSProperties } from 'vue'
 
 interface Mark {

docs/examples/space/control-size.vue

@@ -24,6 +24,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { ComponentSize } from 'element-plus'
 
 const size = ref<ComponentSize>('default')

docs/examples/space/fill-ratio.vue

@@ -32,6 +32,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { SpaceInstance } from 'element-plus'
 
 const direction = ref<SpaceInstance['direction']>('horizontal')

docs/examples/table-v2/cell-templating.vue

@@ -19,6 +19,7 @@ import {
   TableV2FixedDir,
 } from 'element-plus'
 import { Timer } from '@element-plus/icons-vue'
+
 import type { Column } from 'element-plus'
 
 let id = 0

docs/examples/table-v2/controlled-sort.vue

@@ -13,6 +13,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { TableV2SortOrder } from 'element-plus'
+
 import type { SortBy, SortState } from 'element-plus'
 
 const generateColumns = (length = 10, prefix = 'column-', props?: any) =>

docs/examples/table-v2/dynamic-height.vue

@@ -19,6 +19,7 @@ import {
   TableV2FixedDir,
   TableV2SortOrder,
 } from 'element-plus'
+
 import type { Column, SortBy } from 'element-plus'
 
 const longText =

docs/examples/table-v2/filter.vue

@@ -18,6 +18,7 @@ import {
   TableV2FixedDir,
 } from 'element-plus'
 import { Filter } from '@element-plus/icons-vue'
+
 import type { HeaderCellSlotProps } from 'element-plus'
 
 const generateColumns = (length = 10, prefix = 'column-', props?: any) =>

docs/examples/table-v2/fixed-columns.vue

@@ -13,6 +13,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { TableV2FixedDir, TableV2SortOrder } from 'element-plus'
+
 import type { SortBy } from 'element-plus'
 
 const generateColumns = (length = 10, prefix = 'column-', props?: any) =>

docs/examples/table-v2/grouping-header.vue

@@ -16,6 +16,7 @@
 
 <script lang="tsx" setup>
 import { TableV2FixedDir, TableV2Placeholder } from 'element-plus'
+
 import type { FunctionalComponent } from 'vue'
 import type {
   HeaderClassNameGetter,

docs/examples/table-v2/inline-editing.vue

@@ -17,6 +17,7 @@
 <script lang="tsx" setup>
 import { ref, withKeys } from 'vue'
 import { ElInput } from 'element-plus'
+
 import type { FunctionalComponent } from 'vue'
 import type { Column, InputInstance } from 'element-plus'
 

docs/examples/table-v2/manual-scroll.vue

@@ -29,6 +29,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TableV2Instance } from 'element-plus'
 
 const generateColumns = (length = 10, prefix = 'column-', props?: any) =>

docs/examples/table-v2/row-class.vue

@@ -19,6 +19,7 @@ import {
   TableV2FixedDir,
 } from 'element-plus'
 import { Timer } from '@element-plus/icons-vue'
+
 import type { Column, RowClassNameGetter } from 'element-plus'
 
 let id = 0

docs/examples/table-v2/selection.vue

@@ -17,6 +17,7 @@
 <script lang="tsx" setup>
 import { ref, unref } from 'vue'
 import { ElCheckbox } from 'element-plus'
+
 import type { FunctionalComponent } from 'vue'
 import type { CheckboxValueType, Column } from 'element-plus'
 

docs/examples/table-v2/sort.vue

@@ -13,6 +13,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { TableV2SortOrder } from 'element-plus'
+
 import type { SortBy } from 'element-plus'
 
 const generateColumns = (length = 10, prefix = 'column-', props?: any) =>

docs/examples/table-v2/tree-data.vue

@@ -15,6 +15,7 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue'
 import { TableV2FixedDir } from 'element-plus'
+
 import type { ExpandedRowsChangeHandler, RowExpandHandler } from 'element-plus'
 
 const generateColumns = (length = 10, prefix = 'column-', props?: any) =>

docs/examples/table/filter.vue

@@ -43,6 +43,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TableColumnCtx, TableInstance } from 'element-plus'
 
 interface User {

docs/examples/table/multi-select.vue

@@ -26,6 +26,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TableInstance } from 'element-plus'
 
 interface User {

docs/examples/table/single-select.vue

@@ -19,6 +19,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TableInstance } from 'element-plus'
 
 interface User {

docs/examples/table/summary.vue

@@ -25,6 +25,7 @@
 
 <script lang="ts" setup>
 import { h } from 'vue'
+
 import type { VNode } from 'vue'
 import type { TableColumnCtx } from 'element-plus'
 

docs/examples/table/table-layout.vue

@@ -12,6 +12,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TableInstance } from 'element-plus'
 
 const tableLayout = ref<TableInstance['tableLayout']>('fixed')

docs/examples/tabs/basic.vue

@@ -9,6 +9,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TabsPaneContext } from 'element-plus'
 
 const activeName = ref('first')

docs/examples/tabs/card-style.vue

@@ -14,6 +14,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TabsPaneContext } from 'element-plus'
 
 const activeName = ref('first')

docs/examples/tabs/customized-add-button-icon.vue

@@ -24,6 +24,7 @@ addIcon
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { Select } from '@element-plus/icons-vue'
+
 import type { TabPaneName } from 'element-plus'
 
 let tabIndex = 2

docs/examples/tabs/customized-trigger.vue

@@ -24,6 +24,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TabPaneName } from 'element-plus'
 
 let tabIndex = 2

docs/examples/tabs/dynamic-tabs.vue

@@ -19,6 +19,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TabPaneName } from 'element-plus'
 
 let tabIndex = 2

docs/examples/tabs/tab-position.vue

@@ -16,6 +16,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TabsInstance } from 'element-plus'
 
 const tabPosition = ref<TabsInstance['tabPosition']>('left')

docs/examples/tag/editable.vue

@@ -26,6 +26,7 @@
 
 <script lang="ts" setup>
 import { nextTick, ref } from 'vue'
+
 import type { InputInstance } from 'element-plus'
 
 const inputValue = ref('')

docs/examples/tag/removable.vue

@@ -8,6 +8,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TagProps } from 'element-plus'
 
 interface TagsItem {

docs/examples/tag/rounded.vue

@@ -36,6 +36,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TagProps } from 'element-plus'
 
 type Item = { type: TagProps['type']; label: string }

docs/examples/tag/theme.vue

@@ -36,6 +36,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { TagProps } from 'element-plus'
 
 type Item = { type: TagProps['type']; label: string }

docs/examples/timeline/custom-node.vue

@@ -17,6 +17,7 @@
 
 <script lang="ts" setup>
 import { MoreFilled } from '@element-plus/icons-vue'
+
 import type { TimelineItemProps } from 'element-plus'
 
 interface ActivityType extends Partial<TimelineItemProps> {

docs/examples/tour/basic.vue

@@ -34,6 +34,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { MoreFilled } from '@element-plus/icons-vue'
+
 import type { ButtonInstance } from 'element-plus'
 
 const ref1 = ref<ButtonInstance>()

docs/examples/tour/indicator.vue

@@ -34,6 +34,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { MoreFilled } from '@element-plus/icons-vue'
+
 import type { ButtonInstance } from 'element-plus'
 
 const ref1 = ref<ButtonInstance>()

docs/examples/tour/mask.vue

@@ -48,6 +48,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { MoreFilled } from '@element-plus/icons-vue'
+
 import type { ButtonInstance } from 'element-plus'
 
 const ref1 = ref<ButtonInstance>()

docs/examples/tour/non-modal.vue

@@ -31,6 +31,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { MoreFilled } from '@element-plus/icons-vue'
+
 import type { ButtonInstance } from 'element-plus'
 
 const ref1 = ref<ButtonInstance>()

docs/examples/tour/placement.vue

@@ -25,6 +25,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
+
 import type { ButtonInstance } from 'element-plus'
 
 const btnRef = ref<ButtonInstance>()

docs/examples/tour/target.vue

@@ -27,6 +27,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { MoreFilled } from '@element-plus/icons-vue'
+
 import type { ButtonInstance } from 'element-plus'
 
 const el = () => document.querySelector<HTMLElement>('#btn2')

docs/examples/transfer/customizable.vue

@@ -61,6 +61,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type {
   TransferDirection,
   TransferKey,

docs/examples/tree-v2/filter.vue

@@ -18,6 +18,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { ElTreeV2 } from 'element-plus'
+
 import type { TreeNodeData } from 'element-plus'
 
 interface Tree {

docs/examples/tree/checking-tree.vue

@@ -21,6 +21,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+
 import type { RenderContentContext, TreeInstance } from 'element-plus'
 
 interface Tree {

docs/examples/tree/customized-node.vue

@@ -44,6 +44,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { ElButton } from 'element-plus'
+
 import type { RenderContentContext, RenderContentFunction } from 'element-plus'
 
 interface Tree {

docs/examples/tree/filtering.vue

@@ -18,6 +18,7 @@
 
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
+
 import type { FilterNodeMethodFunction, TreeInstance } from 'element-plus'
 
 interface Tree {