chore(playground): prefer defineModel

Author: sxzz

eslint.config.mjs renamed to eslint.config.js

@@ -1,2 +1,2 @@
 import { sxzz } from '@sxzz/eslint-config'
-export default sxzz()
+export default sxzz([], { vue: true })

playground/src/App.vue

@@ -18,7 +18,7 @@ console.log(jsxToString(<div className={[
   'foo',
   'bar',
 ]} style={{ color: 'red', fontSize: '20px' }} />))
-`.trim()
+`.trim(),
 )
 let result = $ref('')
 

playground/src/components/code-input.vue

@@ -1,16 +1,10 @@
 <script lang="ts" setup>
-defineProps<{
-  modelValue: string
-}>()
-
-defineEmits<{
-  (evt: 'update:modelValue', value: string): void
-}>()
+const value = defineModel<string>()
 </script>
 
 <template>
   <textarea
-    :value="modelValue"
+    v-model="value"
     p-2
     w-full
     max-w="800px"
@@ -19,8 +13,5 @@ defineEmits<{
     bg="transparent"
     border="~ rounded gray-200 dark:gray-700"
     outline="none active:none"
-    @input="
-      $emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)
-    "
   />
 </template>

playground/src/typings/auto-import.d.ts

@@ -21,6 +21,7 @@ declare global {
   const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
   const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
   const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
+  const createRef: typeof import('@vueuse/core')['createRef']
   const createReusableTemplate: typeof import('@vueuse/core')['createReusableTemplate']
   const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
   const createTemplatePromise: typeof import('@vueuse/core')['createTemplatePromise']
@@ -317,6 +318,7 @@ declare module 'vue' {
     readonly createGlobalState: UnwrapRef<typeof import('@vueuse/core')['createGlobalState']>
     readonly createInjectionState: UnwrapRef<typeof import('@vueuse/core')['createInjectionState']>
     readonly createReactiveFn: UnwrapRef<typeof import('@vueuse/core')['createReactiveFn']>
+    readonly createRef: UnwrapRef<typeof import('@vueuse/core')['createRef']>
     readonly createReusableTemplate: UnwrapRef<typeof import('@vueuse/core')['createReusableTemplate']>
     readonly createSharedComposable: UnwrapRef<typeof import('@vueuse/core')['createSharedComposable']>
     readonly createTemplatePromise: UnwrapRef<typeof import('@vueuse/core')['createTemplatePromise']>

playground/src/typings/components.d.ts

@@ -2,6 +2,7 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
 export {}
 
 /* prettier-ignore */