Merge pull request #6 from 1xINTERNET/19-aliases

#19: Aliases
1xINTERNET · Jun 18, 2024 · 9656ecf · 9656ecf
2 parents a6a9bc3 + 8ef6f31
commit 9656ecf
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 15 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -1,8 +1,8 @@
 ---
-import IconTwitter from "../assets/icons/IconTwitter.astro";
-import IconYoutube from "../assets/icons/IconYoutube.astro";
-import IconInstagram from "../assets/icons/IconInstagram.astro";
-import HashtagWhyULoveFootball from "./HashtagWhyULoveFootball.astro";
+import IconTwitter from "@icons/IconTwitter.astro";
+import IconYoutube from "@icons/IconYoutube.astro";
+import IconInstagram from "@icons/IconInstagram.astro";
+import HashtagWhyULoveFootball from "@components/HashtagWhyULoveFootball.astro";
 ---
 
 <footer class="bg-black text-white">

diff --git a/src/components/NavigationBar.astro b/src/components/NavigationBar.astro
@@ -1,5 +1,5 @@
 ---
-import HashtagWhyULoveFootball from "./HashtagWhyULoveFootball.astro";
+import HashtagWhyULoveFootball from "@components/HashtagWhyULoveFootball.astro";
 ---
 
 <nav class="bg-transparent">

diff --git a/src/components/PlayVideoButton.astro b/src/components/PlayVideoButton.astro
@@ -1,7 +1,5 @@
 ---
-import IconPlayVideo from "../assets/icons/IconPlayVideo.astro";
-
-
+import IconPlayVideo from "@icons/IconPlayVideo.astro";
 ---
 
 <button class="bg-[#54F400] text-[#2B00FF] font-bold py-5 px-8 shadow-md transition-all duration-300 hover:bg-[#4FC90E] hover:shadow-lg active:shadow-none active:bg-[#54F400] active:text-[#1C00A8] text-xl cursor-pointer flex items-center justify-center">

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,7 +1,7 @@
 ---
-import Footer from '../components/Footer.astro';
-import NavigationBar from '../components/NavigationBar.astro';
-import Section from '../components/Section.astro';
+import Footer from '@components/Footer.astro';
+import NavigationBar from '@components/NavigationBar.astro';
+import Section from '@components/Section.astro';
 
 interface Props {
 	title: string;

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,6 +1,6 @@
 ---
-import Layout from '../layouts/Layout.astro';
-import '../styles/global.css';
+import Layout from '@layouts/Layout.astro';
+import '@styles/global.css';
 ---
 
 <Layout title="Welcome to Whyuluvfootball">

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,3 +1,13 @@
 {
-  "extends": "astro/tsconfigs/strict"
-}
+  "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@icons/*": ["src/assets/icons/*"],
+      "@components/*": ["src/components/*"],
+      "@layouts/*": ["src/layouts/*"],
+      "@pages/*": ["src/pages/*"],
+      "@styles/*": ["src/styles/*"]
+    }
+  }
+}