Merge branch 'main' of https://github.com/onwidget/astrowind

Included a run of: npm run fix

Author: keithce

README.md

@@ -34,6 +34,7 @@
 
 - [Demo](#demo)
 - [Upcoming: AstroWind 2.0 – We Need Your Vision!](#-upcoming-astrowind-20--we-need-your-vision)
+- [TL;DR](#tldr)
 - [Getting started](#getting-started)
   - [Project structure](#project-structure)
   - [Commands](#commands)
@@ -63,6 +64,12 @@ We're embarking on an exciting journey with **AstroWind 2.0**, and we want you t
 
 <br>
 
+## TL;DR
+
+```shell
+npm create astro@latest -- --template onwidget/astrowind
+```
+
 ## Getting started
 
 **AstroWind** tries to give you quick access to creating a website using [Astro 5.0](https://astro.build/) + [Tailwind CSS](https://tailwindcss.com/). It's a free theme which focuses on simplicity, good practices and high performance.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onwidget/astrowind",
-  "version": "1.0.0-beta.51",
+  "version": "1.0.0-beta.52",
   "description": "AstroWind: A free template using Astro 5.0 and Tailwind CSS. Astro starter theme.",
   "type": "module",
   "private": true,
@@ -27,8 +27,8 @@
     "@astrolib/analytics": "^0.6.1",
     "@astrolib/seo": "^1.0.0-beta.8",
     "@fontsource-variable/inter": "^5.2.5",
+    "astro": "^5.7.3",
     "@tailwindcss/vite": "^4.0.10",
-    "astro": "^5.5.5",
     "astro-embed": "^0.9.0",
     "astro-icon": "^1.1.5",
     "limax": "4.1.0",
@@ -37,33 +37,34 @@
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.2.2",
+    "@astrojs/mdx": "^4.2.4",
     "@astrojs/partytown": "^2.1.4",
-    "@eslint/js": "^9.21.0",
+    "@astrojs/tailwind": "^5.1.5",
+    "@eslint/js": "^9.24.0",
     "@iconify-json/flat-color-icons": "^1.2.1",
     "@iconify-json/tabler": "^1.2.17",
     "@tailwindcss/typography": "^0.5.16",
     "@types/eslint__js": "^9.14.0",
     "@types/js-yaml": "^4.0.9",
     "@types/lodash.merge": "^4.6.9",
     "@types/mdx": "^2.0.13",
-    "@typescript-eslint/eslint-plugin": "^8.26.0",
-    "@typescript-eslint/parser": "^8.26.0",
-    "astro-compress": "2.3.6",
-    "astro-eslint-parser": "^1.2.1",
-    "eslint": "^9.22.0",
+    "@typescript-eslint/eslint-plugin": "^8.30.1",
+    "@typescript-eslint/parser": "^8.30.1",
+    "astro-compress": "2.3.8",
+    "astro-eslint-parser": "^1.2.2",
+    "eslint": "^9.24.0",
     "eslint-plugin-astro": "^1.3.1",
     "globals": "^16.0.0",
     "js-yaml": "^4.1.0",
     "mdast-util-to-string": "^4.0.0",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
     "reading-time": "^1.5.0",
-    "sharp": "0.33.5",
-    "tailwind-merge": "^3.0.2",
+    "sharp": "0.34.1",
+    "tailwind-merge": "^2.6.0",
     "tailwindcss": "^4.0.10",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.26.0",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.30.1",
     "unist-util-visit": "^5.0.0"
   }
 }

src/components/widgets/Announcement.astro

@@ -9,8 +9,8 @@
     class="dark:bg-slate-700 bg-white/40 dark:text-slate-300 font-semibold px-1 py-0.5 text-xs mr-0.5 rtl:mr-0 rtl:ml-0.5 inline-block"
     >NEW</span
   >
-  <a href="https://astro.build/blog/astro-550/" class="text-muted hover:underline dark:text-slate-400 font-medium"
-    >Astro v5.5 is now available! »</a
+  <a href="https://astro.build/blog/astro-570/" class="text-muted hover:underline dark:text-slate-400 font-medium"
+    >Astro v5.7 is now available! »</a
   >
   <a
     target="_blank"

src/components/widgets/BlogLatestPosts.astro

@@ -7,7 +7,7 @@ import { getBlogPermalink } from '~/utils/permalinks';
 import { findLatestPosts } from '~/utils/blog';
 import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
 import type { Widget } from '~/types';
-import Button from '../ui/Button.astro';
+import Button from '~/components/ui/Button.astro';
 
 export interface Props extends Widget {
   title?: string;

src/components/widgets/CallToAction.astro

@@ -1,5 +1,5 @@
 ---
-import WidgetWrapper from '../ui/WidgetWrapper.astro';
+import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
 import type { CallToAction, Widget } from '~/types';
 import Headline from '~/components/ui/Headline.astro';
 import Button from '~/components/ui/Button.astro';

src/components/widgets/Content.astro

@@ -1,10 +1,10 @@
 ---
 import type { Content as Props } from '~/types';
-import Headline from '../ui/Headline.astro';
-import WidgetWrapper from '../ui/WidgetWrapper.astro';
+import Headline from '~/components/ui/Headline.astro';
+import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
 import Image from '~/components/common/Image.astro';
 import Button from '~/components/ui/Button.astro';
-import ItemGrid from '../ui/ItemGrid.astro';
+import ItemGrid from '~/components/ui/ItemGrid.astro';
 
 const {
   title = await Astro.slots.render('title'),

src/components/widgets/Note.astro

@@ -1,11 +1,23 @@
 ---
 import { Icon } from 'astro-icon/components';
+
+export interface Props {
+  icon?: string;
+  title?: string;
+  description?: string;
+}
+
+const {
+  icon = 'tabler:info-square',
+  title = await Astro.slots.render('title'),
+  description = await Astro.slots.render('description'),
+} = Astro.props;
 ---
 
 <section class="bg-blue-50 dark:bg-slate-800 not-prose">
   <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
-    <span class="font-bold">
-      <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> Philosophy:</span
-    > Simplicity, Best Practices and High Performance
+    <Icon name={icon} class="w-5 h-5 inline-block align-text-bottom font-bold" />
+    <span class="font-bold" set:html={title} />
+    <Fragment set:html={description} />
   </div>
 </section>

src/components/widgets/Stats.astro

@@ -1,7 +1,7 @@
 ---
 import type { Stats as Props } from '~/types';
-import WidgetWrapper from '../ui/WidgetWrapper.astro';
-import Headline from '../ui/Headline.astro';
+import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
+import Headline from '~/components/ui/Headline.astro';
 import { Icon } from 'astro-icon/components';
 
 const {

src/pages/about.astro

@@ -23,7 +23,7 @@ const metadata = {
   >
     <Fragment slot="title">
       Elevate your online presence with our <br />
-      <span class="text-accent dark:text-white highlight"> Beautiful Website Templates</span>
+      <span class="text-accent dark:text-white"> Beautiful Website Templates</span>
     </Fragment>
 
     <Fragment slot="subtitle">

src/pages/homes/mobile-app.astro

@@ -56,7 +56,7 @@ const metadata = {
     }}
   >
     <Fragment slot="title">
-      <span class="text-accent dark:text-white highlight">AstroWind App</span>: <br /> professional websites <span
+      <span class="text-accent dark:text-white">AstroWind App</span>: <br /> professional websites <span
         class="hidden xl:inline">made easy</span
       >
     </Fragment>