update packages & references

package.json

@@ -11,20 +11,20 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.0.8",
+    "@astrojs/mdx": "^4.2.0",
     "@astrojs/sitemap": "^3.2.1",
-    "@fontsource-variable/bricolage-grotesque": "^5.0.6",
+    "@fontsource-variable/bricolage-grotesque": "^5.2.5",
-    "@fontsource-variable/inter": "^5.0.18",
+    "@fontsource-variable/inter": "^5.2.5",
-    "@iconify-json/bx": "^1.1.10",
+    "@iconify-json/bx": "^1.2.2",
-    "@iconify-json/simple-icons": "^1.1.102",
+    "@iconify-json/simple-icons": "^1.2.28",
-    "@iconify-json/uil": "^1.1.8",
+    "@iconify-json/uil": "^1.2.3",
-    "@tailwindcss/typography": "^0.5.13",
+    "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.0.9",
+    "@tailwindcss/vite": "^4.0.14",
-    "astro": "^5.3.1",
+    "astro": "^5.5.2",
-    "astro-icon": "^1.1.0",
+    "astro-icon": "^1.1.5",
-    "astro-navbar": "^2.3.2",
+    "astro-navbar": "^2.3.9",
-    "astro-seo": "^0.8.3",
+    "astro-seo": "^0.8.4",
-    "sharp": "^0.33.4",
+    "sharp": "^0.33.5",
-    "tailwindcss": "^4.0.9"
+    "tailwindcss": "^4.0.14"
   }
 }

src/components/hero.astro

@@ -1,7 +1,7 @@
 ---
 import { Picture } from "astro:assets";
-import heroImage from "assets/hero.png";
+import heroImage from "@/assets/hero.png";
-import Link from "@components/ui/link.astro";
+import Link from "@/components/ui/link.astro";
 import { Icon } from "astro-icon/components";
 ---
 
@@ -24,8 +24,8 @@ import { Icon } from "astro-icon/components";
     </h1>
     <p class="text-lg mt-4 text-slate-600 max-w-xl">
       Astroship is a starter template for startups, marketing websites & landing
-      pages.<wbr /> Built with Astro.build and TailwindCSS. You can quickly
+      pages.<wbr /> Built with Astro.build and TailwindCSS. You can quickly create
-      create any website with this starter.
+      any website with this starter.
     </p>
     <div class="mt-6 flex flex-col sm:flex-row gap-3">
       <Link
@@ -36,7 +36,7 @@ import { Icon } from "astro-icon/components";
         rel="noopener">
         <Icon class="text-white w-5 h-5" name="bx:bxs-cloud-download" />
 
-         Download for Free
+        Download for Free
       </Link>
       <Link
         size="lg"
@@ -46,7 +46,7 @@ import { Icon } from "astro-icon/components";
         class="flex gap-1 items-center justify-center"
         target="_blank">
         <Icon class="text-black w-4 h-4" name="bx:bxl-github" />
-         GitHub Repo
+        GitHub Repo
       </Link>
     </div>
   </div>

src/components/navbar/navbar.astro

@@ -1,6 +1,6 @@
 ---
-import Container from "@components/container.astro";
+import Container from "@/components/container.astro";
-import Link from "@components/ui/link.astro";
+import Link from "@/components/ui/link.astro";
 import Dropdown from "./dropdown.astro";
 import { Astronav, MenuItems, MenuIcon } from "astro-navbar";
 

src/components/pricing.astro

@@ -1,6 +1,6 @@
 ---
-import { Tick } from "@components/ui/icons";
+import { Tick } from "@/components/ui/icons";
-import Link from "@components/ui/link.astro";
+import Link from "@/components/ui/link.astro";
 
 const { plan } = Astro.props;
 ---

src/content/blog/kitchensink.mdx

@@ -3,16 +3,17 @@ draft: false
 title: "Typography Example Post"
 snippet: "Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat"
 publishDate: "2022-11-05 15:36"
-image: {
+image:
-  src: "https://images.unsplash.com/photo-1542393545-10f5cde2c810?&fit=crop&w=430&h=240",
+  {
-  alt: "typography"
+    src: "https://images.unsplash.com/photo-1542393545-10f5cde2c810?&fit=crop&w=430&h=240",
-}
+    alt: "typography",
+  }
 category: "Technology"
 author: "Charles North"
 tags: [mdx, astro, blog]
 ---
 
-import Button from "@components/ui/button.astro";
+import Button from "@/components/ui/button.astro";
 
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
@@ -179,7 +180,7 @@ Reprehenderit non eu quis in ad elit esse qui aute id [incididunt](#!) dolore ci
 publishDate: 'Aug 02 2022'
 title: 'Markdown elements demo post'
 ---
-import Logo from "@components/ui/button.astro";
+import Logo from "@/components/ui/button.astro";
 
 ## MDX
 

src/layouts/BlogLayout.astro

@@ -1,6 +1,6 @@
 ---
-import Container from "@components/container.astro";
+import Container from "@/components/container.astro";
-import { getFormattedDate } from "@utils/all";
+import { getFormattedDate } from "@/utils/all";
 import Layout from "./Layout.astro";
 
 const { frontmatter } = Astro.props;

src/layouts/Layout.astro

@@ -1,7 +1,7 @@
 ---
 import { SEO } from "astro-seo";
-import Footer from "@components/footer.astro";
+import Footer from "@/components/footer.astro";
-import Navbar from "@components/navbar/navbar.astro";
+import Navbar from "@/components/navbar/navbar.astro";
 import "@fontsource-variable/inter/index.css";
 import "@fontsource-variable/bricolage-grotesque";
 import "../styles/global.css";

src/pages/404.astro

@@ -1,6 +1,6 @@
 ---
-import Container from "@components/container.astro";
+import Container from "@/components/container.astro";
-import Layout from "@layouts/Layout.astro";
+import Layout from "@/layouts/Layout.astro";
 ---
 
 <Layout title="404 Not Found">

src/pages/about.astro

@@ -1,9 +1,9 @@
 ---
 import { getCollection } from "astro:content";
 import { Picture } from "astro:assets";
-import Layout from "@layouts/Layout.astro";
+import Layout from "@/layouts/Layout.astro";
-import Container from "@components/container.astro";
+import Container from "@/components/container.astro";
-import Sectionhead from "@components/sectionhead.astro";
+import Sectionhead from "@/components/sectionhead.astro";
 
 // Filter team entries with 'draft: false' & date before current date
 const publishedTeamMembers = await getCollection("team", ({ data }) => {

src/pages/blog.astro

@@ -1,9 +1,9 @@
 ---
 import { getCollection } from "astro:content";
 import { Picture } from "astro:assets";
-import Layout from "@layouts/Layout.astro";
+import Layout from "@/layouts/Layout.astro";
-import Container from "@components/container.astro";
+import Container from "@/components/container.astro";
-import Sectionhead from "@components/sectionhead.astro";
+import Sectionhead from "@/components/sectionhead.astro";
 
 // Filter blog entries with 'draft: false' & date before current date
 const publishedBlogEntries = await getCollection("blog", ({ data }) => {

src/pages/blog/[slug].astro

@@ -1,7 +1,7 @@
 ---
 import { getCollection } from "astro:content";
-import Layout from "@layouts/Layout.astro";
+import Layout from "@/layouts/Layout.astro";
-import Container from "@components/container.astro";
+import Container from "@/components/container.astro";
 
 // Generate a new path for every collection entry
 export async function getStaticPaths() {

src/pages/contact.astro

@@ -1,8 +1,8 @@
 ---
-import Contactform from "@components/contactform.astro";
+import Contactform from "@/components/contactform.astro";
-import Container from "@components/container.astro";
+import Container from "@/components/container.astro";
-import Sectionhead from "@components/sectionhead.astro";
+import Sectionhead from "@/components/sectionhead.astro";
-import Layout from "@layouts/Layout.astro";
+import Layout from "@/layouts/Layout.astro";
 import { Icon } from "astro-icon/components";
 ---
 

src/pages/index.astro

@@ -1,10 +1,10 @@
 ---
-import Container from "@components/container.astro";
+import Container from "@/components/container.astro";
-import Cta from "@components/cta.astro";
+import Cta from "@/components/cta.astro";
-import Features from "@components/features.astro";
+import Features from "@/components/features.astro";
-import Hero from "@components/hero.astro";
+import Hero from "@/components/hero.astro";
-import Logos from "@components/logos.astro";
+import Logos from "@/components/logos.astro";
-import Layout from "@layouts/Layout.astro";
+import Layout from "@/layouts/Layout.astro";
 ---
 
 <Layout title="">

src/pages/pricing.astro

@@ -1,8 +1,8 @@
 ---
-import Layout from "@layouts/Layout.astro";
+import Layout from "@/layouts/Layout.astro";
-import Container from "@components/container.astro";
+import Container from "@/components/container.astro";
-import Sectionhead from "@components/sectionhead.astro";
+import Sectionhead from "@/components/sectionhead.astro";
-import PricingCard from "@components/pricing.astro";
+import PricingCard from "@/components/pricing.astro";
 
 const pricing = [
   {
@@ -73,7 +73,8 @@ const pricing = [
       </Fragment>
     </Sectionhead>
 
-    <div class="grid md:grid-cols-3 gap-10 mx-auto max-w-(--breakpoint-lg) mt-12">
+    <div
+      class="grid md:grid-cols-3 gap-10 mx-auto max-w-(--breakpoint-lg) mt-12">
       {pricing.map((item) => <PricingCard plan={item} />)}
     </div>
   </Container>

tsconfig.json

@@ -1,16 +1,12 @@
 {
   "extends": "astro/tsconfigs/base",
   "compilerOptions": {
-    "baseUrl": "src",
+    "baseUrl": ".",
     "strictNullChecks": true,
     "types": ["astro/client"],
     "paths": {
-      "@lib/*": ["lib/*"],
+      "@/*": ["src/*"],
-      "@utils/*": ["utils/*"],
+      "~/*": ["./*"]
-      "@components/*": ["components/*"],
-      "@layouts/*": ["layouts/*"],
-      "@assets/*": ["assets/*"],
-      "@pages/*": ["pages/*"]
     }
   }
 }