🎨 update eslint and migrate to ts

.eslintrc.js

@@ -4,6 +4,21 @@ module.exports = {
   extends: ['@react-native', 'expo', 'prettier', 'plugin:react/jsx-runtime'],
   plugins: ['prettier'],
   rules: {
-    'prettier/prettier': 'warn',
+    'prettier/prettier': [
+      'warn',
+      {
+        endOfLine: 'auto',
+      },
+    ],
+    'comma-dangle': [
+      'warn',
+      {
+        arrays: 'always-multiline',
+        objects: 'always-multiline',
+        imports: 'always-multiline',
+        exports: 'always-multiline',
+        functions: 'only-multiline',
+      },
+    ],
   },
 };

metro.config.ts

@@ -0,0 +1,10 @@
+// Learn more https://docs.expo.io/guides/customizing-metro
+import { getDefaultConfig } from 'expo/metro-config';
+import { withNativeWind } from 'nativewind/metro';
+
+const config = getDefaultConfig(__dirname);
+
+export default withNativeWind(config, {
+  input: './global.css',
+  inlineRem: false,
+} as any); // getCSSForPlatform 被错误标记为必需，但实际不需要

tailwind.config.js → tailwind.config.ts

@@ -1,5 +1,6 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
+import { type Config } from 'tailwindcss';
+
+const config: Config = {
   content: ['./{app,components,constants,hooks}/**/*.{js,jsx,ts,tsx}'],
   presets: [require('nativewind/preset')],
   theme: {
@@ -11,3 +12,5 @@ module.exports = {
     require('@tailwindcss/forms'),
   ],
 };
+
+export default config;