Use alias and absolute path for importing other code/assets

ubucon-asia · Jan 14, 2024 · 1560e06 · 1560e06
1 parent 4e6b0f5
commit 1560e06
Show file tree

Hide file tree

Showing 14 changed files with 21 additions and 16 deletions.
diff --git a/src/UbuntuIndia.svg → src/assets/UbuntuIndia.svg b/src/UbuntuIndia.svg → src/assets/UbuntuIndia.svg
diff --git a/src/pages/logo.svg → src/assets/logo.svg b/src/pages/logo.svg → src/assets/logo.svg
diff --git a/src/pages/logo_placeholder.svg → src/assets/logo_placeholder.svg b/src/pages/logo_placeholder.svg → src/assets/logo_placeholder.svg
diff --git a/src/config.ts b/src/config.ts
@@ -1,4 +1,4 @@
-import UbuntuIndiaLogo from "./UbuntuIndia.svg"
+import UbuntuIndiaLogo from "@assets/UbuntuIndia.svg"
 
 export const config = {
     siteTitle: "UbuCon Asia 2024",

diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
@@ -1,7 +1,6 @@
 ---
 import "vanilla-framework/_index.scss";
-import GlobalNavigation from "../components/GlobalNavigation";
-import Shell from "./Shell.astro";
+import Shell from "@layouts/Shell.astro";
 import { Strip, Col, Row } from "@canonical/react-components";
 
 import type { MarkdownLayoutProps } from 'astro';

diff --git a/src/layouts/Shell.astro b/src/layouts/Shell.astro
@@ -1,7 +1,7 @@
 ---
 import "vanilla-framework/_index.scss";
-import GlobalNavigation from "../components/GlobalNavigation.tsx";
-import Layout from "./Layout.astro";
+import GlobalNavigation from "@components/GlobalNavigation.tsx";
+import Layout from "@layouts/Layout.astro";
 
 interface Props {
 	title: string;

diff --git a/src/pages/about.mdx b/src/pages/about.mdx
@@ -1,5 +1,5 @@
 ---
-layout: ../layouts/MarkdownLayout.astro
+layout: /src/layouts/MarkdownLayout.astro
 title: About UbuCon Asia 2024
 description: Brief introduction to UbuCon Asia 2024
 ---

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,10 +1,10 @@
 ---
-import Shell from "../layouts/Shell.astro";
-import BlogFeed from "../components/BlogFeed.astro";
+import Shell from "@layouts/Shell.astro";
+import BlogFeed from "@components/BlogFeed.astro";
 import { config } from "../config";
 import { Strip, Col, Row  } from "@canonical/react-components";
-import uca24logo from "./logo.svg";
-import logoPlaceHolder from "./logo_placeholder.svg";
+import uca24logo from "@assets/logo.svg";
+import logoPlaceHolder from "@assets/logo_placeholder.svg";
 ---
 
 <Shell title={config.siteTitle}>

diff --git a/src/pages/venue-and-travel/accommodations.mdx b/src/pages/venue-and-travel/accommodations.mdx
@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/MarkdownLayout.astro
+layout: /src/layouts/MarkdownLayout.astro
 title: Accommodations
 description: Find accomodations nearby from our curated list
 ---

diff --git a/src/pages/venue-and-travel/explore-city.mdx b/src/pages/venue-and-travel/explore-city.mdx
@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/MarkdownLayout.astro
+layout: /src/layouts/MarkdownLayout.astro
 title: Exploring the city
 description: What to do and Where to go in Jaipur?
 ---

diff --git a/src/pages/venue-and-travel/getting-to-city.mdx b/src/pages/venue-and-travel/getting-to-city.mdx
@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/MarkdownLayout.astro
+layout: /src/layouts/MarkdownLayout.astro
 title: Getting to the city
 description: Things to know and prepare before travelling to Jaipur, India
 ---

diff --git a/src/pages/venue-and-travel/travel-grant.mdx b/src/pages/venue-and-travel/travel-grant.mdx
@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/MarkdownLayout.astro
+layout: /src/layouts/MarkdownLayout.astro
 title: Travel grant
 description: Details on travel grant program for those who need travel funding support
 ---

diff --git a/src/pages/venue-and-travel/venue-and-safety.mdx b/src/pages/venue-and-travel/venue-and-safety.mdx
@@ -1,5 +1,5 @@
 ---
-layout: ../../layouts/MarkdownLayout.astro
+layout: /src/layouts/MarkdownLayout.astro
 title: Venue & Safety
 description: Detailed Venue, Health & Safety information
 ---

diff --git a/tsconfig.json b/tsconfig.json
@@ -2,6 +2,12 @@
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "jsxImportSource": "react",
+    "baseUrl": ".",
+    "paths": {
+      "@components/*": ["src/components/*"],
+      "@layouts/*": ["src/layouts/*"],
+      "@assets/*": ["src/assets/*"]
+    }
   }
 }