chore: update

Author: zyyv

eslint.config.js

@@ -1,4 +1,8 @@
 // @ts-check
 import antfu from '@antfu/eslint-config'
 
-export default antfu()
+export default antfu({
+  rules: {
+    'vue/valid-v-bind': 'off',
+  },
+})

playground/src/components/Palette/PaletteInput.vue

@@ -38,8 +38,6 @@ const aplhaStringify = computed({
 })
 
 function handleAlphaBlur(e: any) {
-  console.log(e.target.value)
-  console.log(aplhaStringify.value)
   if (aplhaStringify.value !== e.target.value)
     e.target.value = aplhaStringify.value
 }

playground/src/components/ThemeButtons.vue

@@ -11,8 +11,10 @@ defineProps<{
 <template>
   <ul fcc text-white gap-2 mt-10>
     <li v-for="(v, k) in theme" :key="k" fccc>
-      <button px-3 py-2 text-sm rd-md important-duration-100 hover-scale-105 trans
-        :style="{ backgroundColor: v, color: getReadableTextColor(v) }">
+      <button
+        px-3 py-2 text-sm rd-md important-duration-100 hover-scale-105 trans
+        :style="{ backgroundColor: v, color: getReadableTextColor(v) }"
+      >
         button
       </button>
       <span>{{ k }}</span>

playground/src/components/ThemeHue.vue

@@ -10,8 +10,10 @@ defineProps<{
 
 <template>
   <ul fccc text-white mt-10>
-    <li v-for="(v, k) in theme" :key="k" fccc w="100" h="12" :class="k === '500' ? 'scale-105' : 'scale-100'"
-      important-duration-100 hover-scale-105 trans :style="{ backgroundColor: v, color: getReadableTextColor(v) }">
+    <li
+      v-for="(v, k) in theme" :key="k" fccc w="100" h="12" :class="k === '500' ? 'scale-105' : 'scale-100'"
+      important-duration-100 hover-scale-105 trans :style="{ backgroundColor: v, color: getReadableTextColor(v) }"
+    >
       <span>{{ v }}</span>
     </li>
   </ul>

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { theme } from '../packages/magic-color/src'
+import { theme } from 'magic-color'
 
 describe('theme colors', () => {
   const testColor = '#9955FF'

test/theme.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { isColor, createMagicColor as mc, opacityToString } from '../packages/magic-color/src/core'
+import { isColor, createMagicColor as mc, opacityToString } from 'magic-color'
 
 describe('utils scoped', () => {
   const hex = '#ff0000'

test/utils.test.ts

@@ -0,0 +1,15 @@
+import path from 'node:path'
+import { defaultExclude, defineConfig } from 'vitest/config'
+
+const r = (p: string) => path.resolve(__dirname, p)
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      'magic-color': r('./packages/magic-color/src/index.ts'),
+    },
+  },
+  test: {
+    exclude: [...defaultExclude],
+  },
+})