chore: lint

docs/src/components/Contributors.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { contributors } from '../contributors'
 </script>
+
 <template>
   <div flex="~ wrap gap-1" justify-center>
     <a v-for="{ name, avatar } of contributors" :key="name" :href="`https://github.com/${name}`" m-0 rel="noopener noreferrer" :aria-label="`${name} on GitHub`">

docs/src/components/Home.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { coreTeamMembers } from '../contributors'
 </script>
+
 <template>
   <div flex flex-col items-center>
     <div flex flex-col items-center p="t-10 md:t-20 b-10">

examples/vitesse/src/components/Hello.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
-const times = ref(2)
 const props = defineProps<{ count: number }>()
-
+const times = ref(2)
 const result = computed(() => props.count * times.value)
 
 defineExpose(props)

examples/vue/components/Hello.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 
-const times = ref(2)
 const props = defineProps<{ count: number }>()
 
+const times = ref(2)
 const result = computed(() => props.count * times.value)
 
 defineExpose(props)

package.json

@@ -29,7 +29,7 @@
     "ui:test": "npm -C packages/ui run test:run"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.22.0",
+    "@antfu/eslint-config": "^0.23.0",
     "@antfu/ni": "^0.16.2",
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^22.0.0",

packages/ui/client/components/CodeMirror.vue

@@ -2,17 +2,18 @@
 import type CodeMirror from 'codemirror'
 import { useCodeMirror } from '../composables/codemirror'
 
-const attrs = useAttrs()
-const emit = defineEmits<{
-  (event: 'update:modelValue', value: string): void
-  (event: 'save', content: string): void
-}>()
 const props = defineProps<{
   modelValue: string
   mode?: string
   readOnly?: boolean
 }>()
 
+const emit = defineEmits<{
+  (event: 'update:modelValue', value: string): void
+  (event: 'save', content: string): void
+}>()
+
+const attrs = useAttrs()
 const modeMap: Record<string, any> = {
   // html: 'htmlmixed',
   // vue: 'htmlmixed',

packages/ui/client/components/ConnectionOverlay.vue

@@ -18,7 +18,7 @@ import { client, isConnected, isConnecting } from '~/composables/client'
 
         flex="~ col gap-2"
         items-center justify-center
-        :class="isConnecting ? 'animate-pulse': ''"
+        :class="isConnecting ? 'animate-pulse' : ''"
       >
         <div
           text="5xl"

packages/ui/client/components/FileDetails.vue

@@ -76,7 +76,7 @@ function onDraft(value: boolean) {
           :class="{ 'tab-button-active': viewMode === 'editor' }"
           @click="changeViewMode('editor')"
         >
-          {{ draft ? '* ': '' }}Code
+          {{ draft ? '* ' : '' }}Code
         </button>
         <button
           tab-button

packages/ui/client/components/Modal.vue

@@ -45,17 +45,17 @@ const transform = computed(() => {
 <template>
   <div
     class="fixed inset-0 z-40"
-    :class="modelValue ? '': 'pointer-events-none'"
+    :class="modelValue ? '' : 'pointer-events-none'"
   >
     <div
       class="bg-base inset-0 absolute transition-opacity duration-500 ease-out"
-      :class="modelValue ? 'opacity-50': 'opacity-0'"
+      :class="modelValue ? 'opacity-50' : 'opacity-0'"
       @click="$emit('update:modelValue', false)"
     />
     <div
-      class="bg-base border-base absolute transition-all duration-200 ease-out"
-      :class="[positionClass, 'scrolls']"
-      :style="modelValue ? {}: {transform}"
+      class="bg-base border-base absolute transition-all duration-200 ease-out scrolls"
+      :class="[positionClass]"
+      :style="modelValue ? {} : { transform }"
     >
       <slot />
     </div>

packages/ui/client/components/Navigation.vue

@@ -16,7 +16,6 @@ function onItemClick(task: Task) {
   showDashboard(false)
 }
 const toggleMode = computed(() => isDark.value ? 'light' : 'dark')
-
 </script>
 
 <template>

packages/ui/client/components/TaskTree.vue

@@ -22,12 +22,12 @@ export default {
 
 <template>
   <!-- maybe provide a KEEP STRUCTURE mode, do not filter by search keyword  -->
-  <!-- v-if = keepStructure ||  (!search || caseInsensitiveMatch(task.name, search))-->
+  <!-- v-if = keepStructure ||  (!search || caseInsensitiveMatch(task.name, search)) -->
   <TaskItem
     v-if="!search || caseInsensitiveMatch(task.name, search)"
     v-bind="$attrs"
     :task="task"
-    :style="{ paddingLeft: `${indent * 0.75 + 1}rem`}"
+    :style="{ paddingLeft: `${indent * 0.75 + 1}rem` }"
     @click="onItemClick && onItemClick(task)"
   />
   <div v-if="nested && task.type === 'suite' && task.tasks.length">

packages/ui/client/components/TasksList.vue

@@ -186,7 +186,7 @@ export default {
         </DetailsPanel>
       </template>
 
-      <!--flat-->
+      <!-- flat -->
       <template v-else>
         <TaskTree
           v-for="task in filtered"
@@ -198,7 +198,7 @@ export default {
           :on-item-click="onItemClick"
         />
       </template>
-      <!--empty-state-->
+      <!-- empty-state -->
       <template v-if="isFiltered && filtered.length === 0">
         <div flex="~ col" items-center p="x4 y4" font-light>
           <div op30>

packages/ui/client/components/views/ViewConsoleOutputEntry.vue

@@ -12,13 +12,13 @@ const props = defineProps<{
 function formatTime(t: number) {
   return (new Date(t)).toLocaleTimeString()
 }
-
 </script>
+
 <template>
   <div border="b base" p-4>
     <div
       text-xs mb-1
-      :class="props.type === 'stderr' ? 'text-red-600 dark:text-red-300': 'op30'"
+      :class="props.type === 'stderr' ? 'text-red-600 dark:text-red-300' : 'op30'"
     >
       {{ formatTime(props.time) }} | {{ props.taskName }} | {{ props.type }}
     </div>

packages/ui/client/components/views/ViewReport.vue

@@ -98,7 +98,7 @@ function relative(p: string) {
           p="x3 y2"
           m-2
           rounded
-          :style="{ 'margin-left': `${task.result?.htmlError ? 0.5 : (2 * task.level + 0.5)}rem`}"
+          :style="{ 'margin-left': `${task.result?.htmlError ? 0.5 : (2 * task.level + 0.5)}rem` }"
         >
           {{ task.name }}
           <div v-if="task.result?.htmlError" class="scrolls scrolls-rounded task-error">