Use aliases

app/page.js

@@ -2,8 +2,8 @@ import {createDirectus, rest, readItems} from '@directus/sdk'
 import Container from '@mui/material/Container'
 import Box from '@mui/material/Box'
 import Typography from '@mui/material/Typography'
-import Konstitisyon from '../components/konstitisyon/index.js'
-import Footer from '../components/footer.js'
+import Konstitisyon from '@/components/konstitisyon/index.js'
+import Footer from '@/components/footer.js'
 
 const apiUrl = process.env.DIRECTUS_API_URL
 const appTitle = process.env.APP_TITLE

components/konstitisyon/index.js

@@ -1,9 +1,9 @@
 import PropTypes from 'prop-types'
 import Box from '@mui/material/Box'
 import Paper from '@mui/material/Paper'
-import {formatKonstitisyon} from '../../lib/format.js'
 import Titre from './titre.js'
 import Article from './article.js'
+import {formatKonstitisyon} from '@/lib/format.js'
 
 export default function Konstitisyon({titres, articles}) {
   const konstitisyon = formatKonstitisyon(titres, articles)