Merge pull request #11 from brazucas/feat/relative-paths

feat: relative paths in all imports

src/common/oauth/providers/auth0-client.ts

@@ -1,4 +1,4 @@
-import { OAuthClient } from "../../oauth-client";
+import { OAuthClient } from "@/common/oauth-client";
 
 export class Auth0Client extends OAuthClient {
   constructor() {

src/components/blog/Articles.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { blog } from '../../constants';
-import useFetch from "../../hooks/useFetch";
+import { blog } from '@/constants';
+import useFetch from "@/hooks/useFetch";
 
 type Articles = {
     posts: Post[];

src/components/header/LoginButton.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { useAuthProvider } from "../../hooks/useAuthProvider";
-import { useUser } from "../../hooks/useUser";
+import { useAuthProvider } from "@/hooks/useAuthProvider";
+import { useUser } from "@/hooks/useUser";
 
 const LoginButton = () => {
     const { isUserAuthenticated, userInfo } = useUser();

src/hooks/useUser.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from "react";
 import { useAuthToken } from "./useAuthToken";
 import { useCookies } from "react-cookie";
-import type { OAuthUserInfo } from "../common/types/oauth.types";
+import type { OAuthUserInfo } from "@/common/types/oauth.types";
 
 type UserInfo = {
     nickname: string;

src/layouts/Layout.astro

@@ -1,6 +1,6 @@
 ---
-import AppFooter from "../components/AppFooter.astro";
-import AppHeader from "../components/AppHeader.astro";
+import AppFooter from "@/components/AppFooter.astro";
+import AppHeader from "@/components/AppHeader.astro";
 ---
 
 

src/pages/index.astro

@@ -1,11 +1,11 @@
 ---
-import Stats from '../components/Stats.astro';
-import Features from '../components/Features.astro';
-import HeroSection from '../components/HeroSection.astro';
-import Layout from '../layouts/Layout.astro';
-import Testimonials from '../components/Testimonials.astro';
-import CallToAction from '../components/CallToAction.astro';
-import Blog from '../components/Blog.astro';
+import Stats from '@/components/Stats.astro';
+import Features from '@/components/Features.astro';
+import HeroSection from '@/components/HeroSection.astro';
+import Layout from '@/layouts/Layout.astro';
+import Testimonials from '@/components/Testimonials.astro';
+import CallToAction from '@/components/CallToAction.astro';
+import Blog from '@/components/Blog.astro';
 
 export const prerender = true;
 ---

src/pages/login_callback.ts

@@ -1,5 +1,5 @@
 import { type APIRoute } from "astro";
-import { Auth0Client } from "../common/oauth/providers/auth0-client";
+import { Auth0Client } from "@/common/oauth/providers/auth0-client";
 
 const oauthClient = new Auth0Client();
 

src/pages/store.astro

@@ -1,5 +1,5 @@
 ---
-import Layout from '../layouts/Layout.astro';
+import Layout from '@/layouts/Layout.astro';
 ---
 <Layout title="BRZ Store">
 	<div class="space-y-40 mb-40">

tsconfig.json

@@ -1,17 +1,20 @@
 {
   "extends": "astro/tsconfigs/base",
   "compilerOptions": {
+    "baseUrl": ".",
     "jsx": "react-jsx",
     "jsxImportSource": "react",
     "plugins": [
       {
         "name": "@astrojs/ts-plugin"
       },
     ],
+    "paths": {
+      "@/components/*": ["src/components/*"],
+      "@/hooks/*": ["src/hooks/*"],
+      "@/layouts/*": ["src/layouts/*"],
+      "@/*": ["src/*"],
+      "@/common/*": ["src/common/*"]
+    }
   },
-  "paths": {
-    "@components/*": ["src/components/*"],
-    "@hooks/*": ["src/hooks/*"],
-    "@layouts/*": ["src/layouts/*"]
-  }
 }