cleanup

apps/mobile/app/(tabs)/_layout.tsx

@@ -1,7 +1,7 @@
 import { Tabs } from 'expo-router';
 
-import TabBarIcon from '../components/TabBarIcon';
-import Colors from '../constants/Colors';
+import TabBarIcon from '@/components/TabBarIcon';
+import Colors from '@/constants/Colors';
 
 export default function TabLayout() {
   return (

apps/mobile/app/(tabs)/about.tsx

@@ -1,6 +1,5 @@
-import { Text } from '../components/ui/Text';
-
-import ScreenLayout from '../components/layout/ScreenLayout';
+import ScreenLayout from '@/components/layout/ScreenLayout';
+import { Text } from '@/components/ui/Text';
 
 export default function AboutScreen() {
   return (

apps/mobile/app/(tabs)/account.tsx

@@ -1,5 +1,5 @@
-import { Text } from '../components/ui/Text';
-import ScreenLayout from '../components/layout/ScreenLayout';
+import ScreenLayout from '@/components/layout/ScreenLayout';
+import { Text } from '@/components/ui/Text';
 
 export default function AccountScreen() {
   return (

apps/mobile/app/(tabs)/index.tsx

@@ -1,5 +1,5 @@
-import ScreenLayout from '../components/layout/ScreenLayout';
-import { Text } from '../components/ui/Text';
+import ScreenLayout from '@/components/layout/ScreenLayout';
+import { Text } from '@/components/ui/Text';
 
 export default function HomeScreen() {
   return (

apps/mobile/app/(tabs)/search/_layout.tsx

@@ -1,9 +1,10 @@
 import { ScrollView, View } from 'react-native';
-import { Text } from '../../components/ui/Text';
+
+import Item from '@/components/item/item';
+import ScreenLayout from '@/components/layout/ScreenLayout';
+import { Text } from '@/components/ui/Text';
 
 import Searchbar from './Searchbar';
-import ScreenLayout from '../../components/layout/ScreenLayout';
-import Item from '../../components/item/item';
 
 export default function SearchScreen() {
   return (

apps/mobile/app/(tabs)/settings.tsx

@@ -1,6 +1,5 @@
-import { Text } from '../components/ui/Text';
-
-import ScreenLayout from '../components/layout/ScreenLayout';
+import ScreenLayout from '@/components/layout/ScreenLayout';
+import { Text } from '@/components/ui/Text';
 
 export default function SettingsScreen() {
   return (

apps/mobile/app/[...missing].tsx

@@ -1,6 +1,7 @@
 import { Link, Stack } from 'expo-router';
 import { View } from 'react-native';
-import { Text } from './components/ui/Text';
+
+import { Text } from '@/components/ui/Text';
 
 export default function NotFoundScreen() {
   return (

apps/mobile/app/_layout.tsx

@@ -10,7 +10,7 @@ import { SplashScreen, Stack } from 'expo-router';
 import { useEffect } from 'react';
 import { useColorScheme } from 'react-native';
 
-import Colors from './constants/Colors';
+import Colors from '@/constants/Colors';
 
 import './styles/global.css';
 

apps/mobile/app/components/TabBarIcon.tsx

@@ -1,5 +1,6 @@
 import { FontAwesome } from '@expo/vector-icons';
-import Colors from '../constants/Colors';
+
+import Colors from '@/constants/Colors';
 
 type Props = {
   focused?: boolean;

apps/mobile/app/components/item/item.tsx

@@ -1,7 +1,7 @@
 import { Image, View } from 'react-native';
-import { Text } from '../../components/ui/Text';
 
-import { TMDB_POSTER_PATH } from '../../constants/General';
+import { Text } from '@/components/ui/Text';
+import { TMDB_POSTER_PATH } from '@/constants/General';
 
 export default function Item() {
   return (

apps/mobile/app/components/layout/ScreenLayout.tsx

@@ -1,5 +1,6 @@
 import { View } from 'react-native';
-import { Text } from '../../components/ui/Text';
+
+import { Text } from '@/components/ui/Text';
 
 type Props = {
   title?: React.ReactNode | string;

apps/mobile/app/components/ui/Text.tsx

@@ -1,7 +1,7 @@
 import { cva } from 'class-variance-authority';
 import { Text as RNText, TextProps } from 'react-native';
 
-import { cn } from '../../lib/utils';
+import { cn } from '@/lib/utils';
 
 const textVariants = cva('text-white');
 

apps/mobile/app/lib/utils.ts

@@ -1,5 +1,5 @@
+import { ClassValue, clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { clsx, ClassValue } from 'clsx';
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));

apps/mobile/metro.config.js

@@ -1,41 +1,3 @@
-// const { withNxMetro } = require('@nx/expo');
-// const { getDefaultConfig } = require('@expo/metro-config');
-// const { mergeConfig } = require('metro-config');
-// const { withNativeWind } = require('nativewind/metro');
-// const exclusionList = require('metro-config/src/defaults/exclusionList');
-
-// const defaultConfig = getDefaultConfig(__dirname);
-// const { assetExts, sourceExts } = defaultConfig.resolver;
-
-// /**
-//  * Metro configuration
-//  * https://facebook.github.io/metro/docs/configuration
-//  *
-//  * @type {import('metro-config').MetroConfig}
-//  */
-// const customConfig = {
-//   transformer: {
-//     babelTransformerPath: require.resolve('react-native-svg-transformer'),
-//   },
-//   resolver: {
-//     assetExts: assetExts.filter((ext) => ext !== 'svg'),
-//     sourceExts: [...sourceExts, 'svg'],
-//     blockList: exclusionList([/^(?!.*node_modules).*\/dist\/.*/]),
-//     // unstable_enableSymlinks: true,
-//     // unstable_enablePackageExports: true,
-//   },
-// };
-
-// module.exports = withNxMetro(mergeConfig(defaultConfig, customConfig), {
-//   // Change this to true to see debugging info.
-//   // Useful if you have issues resolving modules
-//   debug: false,
-//   // all the file extensions used for imports other than 'ts', 'tsx', 'js', 'jsx', 'json'
-//   extensions: [],
-//   // Specify folders to watch, in addition to Nx defaults (workspace libraries and node_modules)
-//   watchFolders: [],
-// });
-
 const { withNxMetro } = require('@nx/expo');
 const { getDefaultConfig } = require('@expo/metro-config');
 const { mergeConfig } = require('metro-config');

apps/mobile/package.json

@@ -48,7 +48,8 @@
     "react-test-renderer": "*",
     "tailwind-merge": "^2.2.1",
     "tailwindcss": "3.3.2",
-    "typescript": "*"
+    "typescript": "*",
+    "prettier-plugin-tailwindcss": "*"
   },
   "scripts": {
     "eas-build-pre-install": "cd ../../ && node tools/scripts/eas-build-pre-install.mjs . apps/mobile && cp pnpm-lock.yaml apps/mobile",

apps/mobile/tsconfig.app.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "composite": true,
     "outDir": "../../dist/out-tsc",
-    "types": ["node"]
+    "types": ["node"],
   },
   "files": ["../../node_modules/@nx/expo/typings/svg.d.ts"],
   "exclude": [

apps/mobile/tsconfig.json

@@ -10,6 +10,12 @@
     "strict": true,
     "declaration": true,
     "allowJs": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": [
+        "./app/*"
+      ],
+    }
   },
   "files": [],
   "include": [".expo/types/**/*.ts", "expo-env.d.ts"],