🔥

components/Body.tsx

@@ -1,4 +1,4 @@
-import styles from '@/styles/Home.module.scss'
+import styles from 'styles/Home.module.scss'
 
 const Body = ({children}: {children: any}) => {
     return(

components/Footer.tsx

@@ -1,4 +1,4 @@
-import styles from '@/styles/Home.module.scss'
+import styles from 'styles/Home.module.scss'
 
 const Footer = () => {
     return(

components/IconLayout.tsx

@@ -1,4 +1,4 @@
-import styles from '@/styles/Home.module.scss'
+import styles from 'styles/Home.module.scss'
 
 const IconLayout = ({children}: {children: any}) => {
     return(

components/MainLayout.tsx

@@ -1,4 +1,4 @@
-import styles from '@/styles/Home.module.scss'
+import styles from 'styles/Home.module.scss'
 
 const MainLayout = () => {
     return(

components/Spotify.tsx

@@ -1,6 +1,6 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useLastFM } from 'use-last-fm'
-import styles from '@/styles/Home.module.scss'
+import styles from 'styles/Home.module.scss'
 
 const Spotify = () => {
     const lastFM = useLastFM('albrtadam', 'f6d19bc25ca340225c70c3d386cd4eab');

components/Time.tsx

@@ -1,6 +1,6 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useEffect, useState } from 'react'
-import styles from '@/styles/Home.module.scss'
+import styles from 'styles/Home.module.scss'
 
 const Timer = () => {
     const [date, setDate] = useState(new Date())

components/Weather.tsx

@@ -1,5 +1,5 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import styles from '@/styles/Home.module.scss'
+import styles from 'styles/Home.module.scss'
 
 const Weather = ({data}: {data: any}) => {
     const { temp: temperature } = data.main

pages/_app.tsx

@@ -4,7 +4,7 @@ import { config, library } from '@fortawesome/fontawesome-svg-core';
 
 import type { AppProps } from 'next/app'
 
-import '@/styles/globals.scss'
+import 'styles/globals.scss'
 import '@fortawesome/fontawesome-svg-core/styles.css'
 
 library.add(fab, fas)

pages/index.tsx

@@ -1,13 +1,13 @@
 import { GetServerSideProps } from 'next'
 import Head from 'next/head'
-import Body from '@/components/Body'
-import Footer from '@/components/Footer'
-import Icon from '@/components/Icon'
-import IconLayout from '@/components/IconLayout'
-import MainLayout from '@/components/MainLayout'
-import Spotify from '@/components/Spotify'
-import Time from '@/components/Time'
-import Weather from '@/components/Weather'
+import Body from 'components/Body'
+import Footer from 'components/Footer'
+import Icon from 'components/Icon'
+import IconLayout from 'components/IconLayout'
+import MainLayout from 'components/MainLayout'
+import Spotify from 'components/Spotify'
+import Time from 'components/Time'
+import Weather from 'components/Weather'
 
 const Home = ({data}: any) => {
     return(

tsconfig.json

@@ -14,10 +14,7 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/src/*": ["components/*", "styles/*"]
-    }
+    "baseUrl": "."
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]