Don't use tabs in editor

.prettierrc

@@ -4,13 +4,5 @@
   "singleQuote": true,
   "tabWidth": 2,
   "trailingComma": "es5",
-  "useTabs": true,
-  "overrides": [
-    {
-      "files": [".*", "*.json", "*.md", "*.toml", "*.yml"],
-      "options": {
   "useTabs": false
 }
-    }
-  ]
-}

README.md

@@ -157,7 +157,8 @@ const CONFIG = {
   language: 'en', // Default language
   textDirection: 'ltr', // Default html text direction
 
-  dateFormatter: new Intl.DateTimeFormat('en', { // Date format
+  dateFormatter: new Intl.DateTimeFormat('en', {
+    // Date format
     year: 'numeric',
     month: 'short',
     day: 'numeric',

src/components/blog/Headline.astro

@@ -6,5 +6,9 @@ const { title = await Astro.slots.render('default'), subtitle = await Astro.slot
   <h1 class="text-4xl md:text-5xl font-bold leading-tighter tracking-tighter font-heading">
     {title}
   </h1>
-	{subtitle && <div class="mt-2 md:mt-3 mx-auto text-xl text-gray-500 dark:text-slate-400 font-medium" set:html={subtitle} />}
+  {
+    subtitle && (
+      <div class="mt-2 md:mt-3 mx-auto text-xl text-gray-500 dark:text-slate-400 font-medium" set:html={subtitle} />
+    )
+  }
 </header>

src/components/blog/ListItem.astro

@@ -51,10 +51,7 @@ const link = !BLOG?.post?.disabled ? getPermalink(post.slug, 'post') : '';
       <h2 class="text-xl sm:text-2xl font-bold leading-tight mb-2 font-heading text-gray-700 dark:text-slate-300">
         {
           link ? (
-						<a
+            <a class="hover:text-primary-800 dark:hover:text-primary-700 transition ease-in duration-200" href={link}>
-							class="hover:text-primary-800 dark:hover:text-primary-700 transition ease-in duration-200"
-							href={link}
-						>
               {post.title}
             </a>
           ) : (
@@ -67,7 +64,6 @@ const link = !BLOG?.post?.disabled ? getPermalink(post.slug, 'post') : '';
     {post.excerpt && <p class="flex-grow text-gray-500 dark:text-slate-400 text-lg">{post.excerpt}</p>}
     <footer class="mt-5">
       <PostTags tags={post.tags} />
-			
     </footer>
   </div>
 </article>

src/components/blog/SinglePost.astro

@@ -33,7 +33,9 @@ const { post, url } = Astro.props;
       >
         {post.title}
       </h1>
-			<p class="max-w-3xl mx-auto mt-4 mb-8 px-4 sm:px-6 text-xl md:text-2xl text-gray-500 dark:text-slate-400 font-medium text-justify">
+      <p
+        class="max-w-3xl mx-auto mt-4 mb-8 px-4 sm:px-6 text-xl md:text-2xl text-gray-500 dark:text-slate-400 font-medium text-justify"
+      >
         {post.excerpt}
       </p>
 

src/components/common/Tags.astro

@@ -17,7 +17,16 @@ const { tags, class: className = 'text-sm' } = Astro.props;
     <ul class={className}>
       {tags.map((tag) => (
         <li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2 lowercase font-medium">
-					{BLOG?.tag?.disabled ? tag : <a href={getPermalink(tag, 'tag')} class="text-gray-600 dark:text-slate-300 hover:text-primary-800 dark:hover:text-gray-200">{tag}</a>}
+          {BLOG?.tag?.disabled ? (
+            tag
+          ) : (
+            <a
+              href={getPermalink(tag, 'tag')}
+              class="text-gray-600 dark:text-slate-300 hover:text-primary-800 dark:hover:text-gray-200"
+            >
+              {tag}
+            </a>
+          )}
         </li>
       ))}
     </ul>

src/components/widgets/CallToAction.astro

@@ -23,7 +23,9 @@ const {
 <section class="relative">
   <div class="max-w-6xl mx-auto px-4 sm:px-6">
     <div class="py-12 md:py-20">
-			<div class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl dark:shadow-none dark:border dark:border-slate-600">
+      <div
+        class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl dark:shadow-none dark:border dark:border-slate-600"
+      >
         {
           title && (
             <h2

src/components/widgets/Content.astro

@@ -1,5 +1,5 @@
 ---
-import Icon from "astro-icon"
+import Icon from 'astro-icon';
 import { Picture } from '@astrojs/image/components';
 
 interface Item {
@@ -68,7 +68,7 @@ const {
                 <div class="flex">
                   <div class="flex-shrink-0">
                     <div class="flex h-7 w-7 items-center justify-center rounded-full bg-blue-800 text-gray-50">
-											<Icon name={icon? icon : "tabler:check"} class="w-5 h-5" />
+                      <Icon name={icon ? icon : 'tabler:check'} class="w-5 h-5" />
                     </div>
                   </div>
                   <div class="ml-4">

src/components/widgets/Features2.astro

@@ -43,7 +43,10 @@ const {
             )}
 
             {subtitle && (
-							<p class="max-w-3xl mx-auto sm:text-center text-xl text-gray-600 dark:text-slate-400" set:html={subtitle} />
+              <p
+                class="max-w-3xl mx-auto sm:text-center text-xl text-gray-600 dark:text-slate-400"
+                set:html={subtitle}
+              />
             )}
           </div>
         )

src/components/widgets/Header.astro

@@ -12,19 +12,19 @@ const links = [
     links: [
       {
         text: 'Features',
-				href: "#",
+        href: '#',
       },
       {
         text: 'Pricing',
-				href: "#",
+        href: '#',
       },
       {
         text: 'About us',
-				href: "#",
+        href: '#',
       },
       {
         text: 'Contact',
-				href: "#",
+        href: '#',
       },
       {
         text: 'Terms',

src/components/widgets/Hero.astro

@@ -47,7 +47,11 @@ const {
                     <Fragment set:html={callToAction} />
                   ) : (
                     <a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
-											{callToAction?.icon && <><Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}</>}
+                      {callToAction?.icon && (
+                        <>
+                          <Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}
+                        </>
+                      )}
                       {callToAction?.text}
                     </a>
                   )}
@@ -61,7 +65,11 @@ const {
                     <Fragment set:html={callToAction2} />
                   ) : (
                     <a class="btn w-full" href={callToAction2?.href}>
-											{callToAction2?.icon && <><Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}</>}
+                      {callToAction2?.icon && (
+                        <>
+                          <Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}
+                        </>
+                      )}
                       {callToAction2.text}
                     </a>
                   )}

src/components/widgets/Stats.astro

@@ -44,7 +44,9 @@ const {
     {
       items.map(({ name, value }) => (
         <div class="text-center md:border-r md:last:border-none dark:md:border-slate-500 mb-12 md:mb-0">
-					<div class="text-[2.6rem] font-bold lg:text-5xl xl:text-6xl text-primary-800 dark:text-primary-600 font-heading">{value}</div>
+          <div class="text-[2.6rem] font-bold lg:text-5xl xl:text-6xl text-primary-800 dark:text-primary-600 font-heading">
+            {value}
+          </div>
           <p class="text-sm font-medium tracking-widest text-gray-800 dark:text-slate-400 uppercase lg:text-base">
             {name}
           </p>

src/config.mjs

@@ -8,7 +8,8 @@ const CONFIG = {
   trailingSlash: false,
 
   title: 'AstroWind — Free template for create a website with Astro + Tailwind CSS',
-	description: '🚀 Suitable for Startups, Small Business, Sass Websites, Professional Portfolios, Marketing Websites, Landing Pages & Blogs.',
+  description:
+    '🚀 Suitable for Startups, Small Business, Sass Websites, Professional Portfolios, Marketing Websites, Landing Pages & Blogs.',
   defaultImage: defaultImage,
 
   defaultTheme: 'system', // Values: "system" | "light" | "dark" | "light:only" | "dark:only"

src/content/config.ts

@@ -9,9 +9,7 @@ const blog = defineCollection({
     canonical: z.string().url().optional(),
     permalink: z.string().optional(),
 
-		publishDate: z
+    publishDate: z.date().or(z.string()).optional(),
-			.date().or(z.string())
-			.optional(),
     draft: z.boolean().optional(),
 
     excerpt: z.string().optional(),

src/pages/[...blog]/[...page].astro

@@ -30,7 +30,9 @@ const meta = {
 
 <Layout {meta}>
   <section class="px-6 sm:px-6 py-12 sm:py-16 lg:py-20 mx-auto max-w-4xl">
-		<Headline subtitle="A statically generated blog example with news, tutorials, resources and other interesting content related to AstroWind">
+    <Headline
+      subtitle="A statically generated blog example with news, tutorials, resources and other interesting content related to AstroWind"
+    >
       The Blog
     </Headline>
     <BlogList posts={page.data} />

src/pages/index.astro

@@ -135,27 +135,21 @@ const meta = {
     items={[
       {
         title: 'Per ei quaeque sensibus',
-				
       },
       {
         title: 'Cu imperdiet posidonium sed',
-				
       },
       {
         title: 'Nulla omittam sadipscing mel ne',
-				
       },
       {
         title: 'Per ei quaeque sensibus',
-				
       },
       {
         title: 'Cu imperdiet posidonium sed',
-				
       },
       {
         title: 'Nulla omittam sadipscing mel ne',
-				
       },
     ]}
     image={{

src/utils/utils.ts

@@ -6,7 +6,7 @@ const formatter =
     year: 'numeric',
     month: 'short',
     day: 'numeric',
-		timeZone: 'UTC'
+    timeZone: 'UTC',
   });
 
 /* eslint-disable no-mixed-spaces-and-tabs */