引入 husky，并全局重新格式化

src/components/composites/purchase/long/center.tsx

@@ -15,19 +15,19 @@ export default function Center() {
   const type = form.watch('type')
 
   return (
-    <div className={`flex-auto p-8 flex flex-col gap-8 relative`}>
+    <div className="flex-auto p-8 flex flex-col gap-8 relative">
 
       {/* 计费方式 */}
       <FormField
-        className={`flex flex-col gap-4`}
-        name={`type`}
-        label={`计费方式`}>
+        className="flex flex-col gap-4"
+        name="type"
+        label="计费方式">
         {({id, field}) => (
           <RadioGroup
             id={id}
             defaultValue={field.value}
             onValueChange={field.onChange}
-            className={`flex gap-4`}>
+            className="flex gap-4">
 
             <FormOption
               id={`${id}-2`}
@@ -49,15 +49,15 @@ export default function Center() {
 
       {/* IP 时效 */}
       <FormField
-        className={`space-y-4`}
-        name={`live`}
-        label={`IP 时效`}>
+        className="space-y-4"
+        name="live"
+        label="IP 时效">
         {({id, field}) => (
           <RadioGroup
             id={id}
             defaultValue={field.value}
             onValueChange={field.onChange}
-            className={`flex gap-4 flex-wrap`}>
+            className="flex gap-4 flex-wrap">
 
             <FormOption id={`${id}-1`} value="1" label="1 小时" description="￥0.3/IP" compare={field.value}/>
             <FormOption id={`${id}-4`} value="4" label="4 小时" description="￥0.8/IP" compare={field.value}/>
@@ -72,15 +72,15 @@ export default function Center() {
       {type === '2' ? (
         /* 包量：IP 购买数量 */
         <FormField
-          className={`space-y-4`}
-          name={`quota`}
-          label={`IP 购买数量`}>
+          className="space-y-4"
+          name="quota"
+          label="IP 购买数量">
           {({id, field}) => (
-            <div className={`flex gap-2 items-center`}>
+            <div className="flex gap-2 items-center">
               <Button
-                theme={`outline`}
+                theme="outline"
                 type="button"
-                className={`h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg`}
+                className="h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg"
                 onClick={() => form.setValue('quota', Math.max(10_000, Number(field.value) - 5_000))}
                 disabled={Number(field.value) === 10_000}>
                 <Minus/>
@@ -89,14 +89,14 @@ export default function Center() {
                 {...field}
                 id={id}
                 type="number"
-                className={`w-40 h-10 border border-gray-200 rounded-sm text-center`}
+                className="w-40 h-10 border border-gray-200 rounded-sm text-center"
                 min={10_000}
                 step={5_000}
               />
               <Button
-                theme={`outline`}
+                theme="outline"
                 type="button"
-                className={`h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg`}
+                className="h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg"
                 onClick={() => form.setValue('quota', Number(field.value) + 5_000)}>
                 <Plus/>
               </Button>
@@ -107,15 +107,15 @@ export default function Center() {
         <>
           {/* 包时：套餐时效 */}
           <FormField
-            className={`space-y-4`}
-            name={`expire`}
-            label={`套餐时效`}>
+            className="space-y-4"
+            name="expire"
+            label="套餐时效">
             {({id, field}) => (
               <RadioGroup
                 id={id}
                 defaultValue={field.value}
                 onValueChange={field.onChange}
-                className={`flex gap-4 flex-wrap`}>
+                className="flex gap-4 flex-wrap">
 
                 <FormOption id={`${id}-7`} value="7" label="7天" compare={field.value}/>
                 <FormOption id={`${id}-15`} value="15" label="15天" compare={field.value}/>
@@ -129,15 +129,15 @@ export default function Center() {
 
           {/* 包时：每日提取上限 */}
           <FormField
-            className={`space-y-4`}
-            name={`daily_limit`}
-            label={`每日提取上限`}>
+            className="space-y-4"
+            name="daily_limit"
+            label="每日提取上限">
             {({id, field}) => (
-              <div className={`flex gap-2 items-center`}>
+              <div className="flex gap-2 items-center">
                 <Button
-                  theme={`outline`}
+                  theme="outline"
                   type="button"
-                  className={`h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg`}
+                  className="h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg"
                   onClick={() => form.setValue('daily_limit', Math.max(2_000, Number(field.value) - 1_000))}
                   disabled={Number(field.value) === 2_000}>
                   <Minus/>
@@ -146,14 +146,14 @@ export default function Center() {
                   {...field}
                   id={id}
                   type="number"
-                  className={`w-40 h-10 border border-gray-200 rounded-sm text-center`}
+                  className="w-40 h-10 border border-gray-200 rounded-sm text-center"
                   min={2_000}
                   step={1_000}
                 />
                 <Button
-                  theme={`outline`}
+                  theme="outline"
                   type="button"
-                  className={`h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg`}
+                  className="h-10 w-10 border border-gray-200 rounded-sm flex items-center justify-center text-lg"
                   onClick={() => form.setValue('daily_limit', Number(field.value) + 1_000)}>
                   <Plus/>
                 </Button>
@@ -164,44 +164,44 @@ export default function Center() {
       )}
 
       {/* 产品特性 */}
-      <div className={`space-y-6`}>
+      <div className="space-y-6">
         <h3>产品特性</h3>
-        <div className={`grid grid-cols-3 auto-rows-fr gap-y-6`}>
-          <p className={`flex gap-2 items-center`}>
-            <Image src={check} alt={`check`} aria-hidden className={`w-4 h-4`}/>
-            <span className={`text-sm text-gray-500`}>支持高并发提取</span>
+        <div className="grid grid-cols-3 auto-rows-fr gap-y-6">
+          <p className="flex gap-2 items-center">
+            <Image src={check} alt="check" aria-hidden className="w-4 h-4"/>
+            <span className="text-sm text-gray-500">支持高并发提取</span>
           </p>
-          <p className={`flex gap-2 items-center`}>
-            <Image src={check} alt={`check`} aria-hidden className={`w-4 h-4`}/>
-            <span className={`text-sm text-gray-500`}>指定省份、城市或混播</span>
+          <p className="flex gap-2 items-center">
+            <Image src={check} alt="check" aria-hidden className="w-4 h-4"/>
+            <span className="text-sm text-gray-500">指定省份、城市或混播</span>
           </p>
-          <p className={`flex gap-2 items-center`}>
-            <Image src={check} alt={`check`} aria-hidden className={`w-4 h-4`}/>
-            <span className={`text-sm text-gray-500`}>账密＋白名单验证</span>
+          <p className="flex gap-2 items-center">
+            <Image src={check} alt="check" aria-hidden className="w-4 h-4"/>
+            <span className="text-sm text-gray-500">账密＋白名单验证</span>
           </p>
-          <p className={`flex gap-2 items-center`}>
-            <Image src={check} alt={`check`} aria-hidden className={`w-4 h-4`}/>
-            <span className={`text-sm text-gray-500`}>完备的API接口</span>
+          <p className="flex gap-2 items-center">
+            <Image src={check} alt="check" aria-hidden className="w-4 h-4"/>
+            <span className="text-sm text-gray-500">完备的API接口</span>
           </p>
-          <p className={`flex gap-2 items-center`}>
-            <Image src={check} alt={`check`} aria-hidden className={`w-4 h-4`}/>
-            <span className={`text-sm text-gray-500`}>IP时效3-30分钟(可定制)</span>
+          <p className="flex gap-2 items-center">
+            <Image src={check} alt="check" aria-hidden className="w-4 h-4"/>
+            <span className="text-sm text-gray-500">IP时效3-30分钟(可定制)</span>
           </p>
-          <p className={`flex gap-2 items-center`}>
-            <Image src={check} alt={`check`} aria-hidden className={`w-4 h-4`}/>
-            <span className={`text-sm text-gray-500`}>IP资源定期筛选</span>
+          <p className="flex gap-2 items-center">
+            <Image src={check} alt="check" aria-hidden className="w-4 h-4"/>
+            <span className="text-sm text-gray-500">IP资源定期筛选</span>
           </p>
-          <p className={`flex gap-2 items-center`}>
-            <Image src={check} alt={`check`} aria-hidden className={`w-4 h-4`}/>
-            <span className={`text-sm text-gray-500`}>完备的API接口</span>
+          <p className="flex gap-2 items-center">
+            <Image src={check} alt="check" aria-hidden className="w-4 h-4"/>
+            <span className="text-sm text-gray-500">完备的API接口</span>
           </p>
-          <p className={`flex gap-2 items-center`}>
-            <Image src={check} alt={`check`} aria-hidden className={`w-4 h-4`}/>
-            <span className={`text-sm text-gray-500`}>包量/包时计费方式</span>
+          <p className="flex gap-2 items-center">
+            <Image src={check} alt="check" aria-hidden className="w-4 h-4"/>
+            <span className="text-sm text-gray-500">包量/包时计费方式</span>
           </p>
-          <p className={`flex gap-2 items-center`}>
-            <Image src={check} alt={`check`} aria-hidden className={`w-4 h-4`}/>
-            <span className={`text-sm text-gray-500`}>每日去重量：500万</span>
+          <p className="flex gap-2 items-center">
+            <Image src={check} alt="check" aria-hidden className="w-4 h-4"/>
+            <span className="text-sm text-gray-500">每日去重量：500万</span>
           </p>
         </div>
       </div>