chore: fix lint

Author: webfansplz

eslint.config.js

@@ -16,4 +16,6 @@ export default antfu({
     'vue/no-template-shadow',
     'pnpm/json-prefer-workspace-settings',
     'markdown/fenced-code-language',
+    'e18e/prefer-static-regex',
+    'e18e/prefer-spread-syntax',
   )

packages/core/src/client/webcomponents/components/ViewIframe.vue

@@ -87,7 +87,7 @@ function navigateTo(url: string) {
 
   // Ensure URL has protocol
   let normalizedUrl = url.trim()
-  if (normalizedUrl && !normalizedUrl.match(/^https?:\/\//i)) {
+  if (normalizedUrl && !/^https?:\/\//i.test(normalizedUrl)) {
     // If it starts with /, treat as same-origin path
     if (normalizedUrl.startsWith('/')) {
       normalizedUrl = `${window.location.origin}${normalizedUrl}`

packages/rolldown/src/app/components/chunks/Graph.vue

@@ -132,7 +132,7 @@ createModuleGraph<ChunkInfo, ChunkImport>({
 
       const _additionalLinks = chunks.value.flatMap(chunk =>
         chunk.imports
-          .filter(_import => !_links.find(x => x.id === `${chunk.chunk_id}|${_import.chunk_id}`))
+          .filter(_import => !_links.some(x => x.id === `${chunk.chunk_id}|${_import.chunk_id}`))
           .map(_import => ({
             source: nodesMap.get(`${chunk.chunk_id}`)!,
             target: nodesMap.get(`${_import.chunk_id}`)!,

packages/rolldown/src/app/components/data/ChunkDetails.vue

@@ -30,7 +30,7 @@ function getModuleSize(modules: string[]) {
       return total
 
     const transforms = moduleInfo.buildMetrics.transforms
-    return total + transforms[transforms.length - 1]!.transformed_code_size
+    return total + transforms.at(-1)!.transformed_code_size
   }, 0)
 }
 

packages/rolldown/src/app/components/data/PluginDetailsTable.vue

@@ -42,7 +42,7 @@ const { state: durationSortType, next } = useCycleList(['', 'desc', 'asc'], {
 })
 const filtered = computed(() => {
   const sorted = durationSortType.value
-    ? [...props.buildMetrics.calls].sort((a, b) => {
+    ? props.buildMetrics.calls.toSorted((a, b) => {
         if (durationSortType.value === 'asc') {
           return a.duration - b.duration
         }

packages/rolldown/src/app/components/display/FileSizeBadge.vue

@@ -39,7 +39,7 @@ const color = computed(() => {
     if (bytes < limit)
       return color
   }
-  return colorScale[colorScale.length - 1]?.[1]
+  return colorScale.at(-1)?.[1]
 })
 
 const ratio = computed(() => props.total ? (props.bytes || 0) * 100 / props.total : 0)

packages/rolldown/src/app/components/display/HighlightedPath.ts

@@ -33,13 +33,13 @@ export default defineComponent({
           type = 'query'
 
         if (type === 'path') {
-          if (part.match(/^\.+$/)) {
+          if (/^\.+$/.test(part)) {
             classes[index]?.push('op50')
           }
           else if (part === '/') {
             classes[index]?.push('op50')
           }
-          else if (part === 'node_modules' || part === 'dist' || part === 'lib' || part.match(/^\.\w/)) {
+          else if (part === 'node_modules' || part === 'dist' || part === 'lib' || /^\.\w/.test(part)) {
             classes[index]?.push('op60')
           }
 

packages/rolldown/src/app/components/display/ModuleId.vue

@@ -39,7 +39,7 @@ const relativePath = computed(() => {
     relate = `./${relate}`
   if (relate.startsWith('./'))
     return relate
-  if (relate.match(/^(?:\.\.\/){1,3}[^.]/))
+  if (/^(?:\.\.\/){1,3}[^.]/.test(relate))
     return relate
   return id
 })

packages/rolldown/src/app/components/flowmap/PluginFlowTimeline.vue

@@ -45,7 +45,7 @@ const endTime = computed(() => {
   if (!calls?.length) {
     return
   }
-  return calls[calls.length - 1]!.timestamp_end
+  return calls.at(-1)!.timestamp_end
 })
 </script>
 

packages/rolldown/src/app/components/modules/BuildMetrics.vue

@@ -38,7 +38,7 @@ const sourceCodeSize = computed(() => {
 
 const transformedCodeSize = computed(() => {
   const data = props.metrics?.transforms.filter(t => t.transformed_code_size)
-  return data?.[data.length - 1]?.transformed_code_size
+  return data.at(-1)?.transformed_code_size
 })
 </script>