Format with prettier

src/components/atoms/SocialShare.astro

@@ -1,11 +1,13 @@
 ---
 import { Icon } from 'astro-icon';
-const { text, url, class: className = "inline-block" } = Astro.props;
+const { text, url, class: className = 'inline-block' } = Astro.props;
 ---
 
 <div class={className}>
-  <span class="align-super font-bold">Share:</span> 
-	<button class="ml-2" data-aw-social-share="facebook" data-aw-url={url}><Icon name="logos:facebook" class="w-6 h-6" /></button>
+	<span class="align-super font-bold">Share:</span>
+	<button class="ml-2" data-aw-social-share="facebook" data-aw-url={url}
+		><Icon name="logos:facebook" class="w-6 h-6" />
+	</button>
 	<button class="ml-2" data-aw-social-share="twitter" data-aw-url={url} data-aw-text={text}
 		><Icon name="logos:twitter" class="w-6 h-6" />
 	</button>

src/components/blog/SinglePost.astro

@@ -44,7 +44,11 @@ const { post, canonical } = Astro.props;
 		</div>
 		<div class="container mx-auto px-6 sm:px-6 max-w-3xl mt-8 flex justify-between flex-col sm:flex-row">
 			<PostTags tags={post.tags} class="mr-5" />
-			<SocialShare url={canonical} text={post.title} class="mt-5 sm:mt-1 align-middle text-gray-400 dark:text-slate-600"/>
+			<SocialShare
+				url={canonical}
+				text={post.title}
+				class="mt-5 sm:mt-1 align-middle text-gray-400 dark:text-slate-600"
+			/>
 		</div>
 	</article>
 </section>

src/components/core/BasicScripts.astro

@@ -57,7 +57,7 @@
 				case 'whatsapp':
 					href = `https://wa.me/?text=${text}%20${url}`;
 					break;
-				case "mail":
+				case 'mail':
 					href = `mailto:?subject=%22${text}%22&body=${text}%20${url}`;
 					break;
 

src/components/widgets/Features2.astro

@@ -7,19 +7,19 @@ const items = [
 			title: 'Integration with Tailwind CSS',
 			description:
 				'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
-			icon: "tabler:brand-tailwind"
+			icon: 'tabler:brand-tailwind',
 		},
 		{
 			title: 'Ready-to-use Components',
 			description:
 				'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
-			icon: "tabler:components"
+			icon: 'tabler:components',
 		},
 		{
 			title: 'Best Practices',
 			description:
 				'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
-			icon: "tabler:list-check"
+			icon: 'tabler:list-check',
 		},
 	],
 	[
@@ -27,19 +27,19 @@ const items = [
 			title: 'Excellent Page Speed',
 			description:
 				'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
-			icon: "tabler:rocket"
+			icon: 'tabler:rocket',
 		},
 		{
 			title: 'Frequently updated',
 			description:
 				'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
-			icon: "tabler:arrows-right-left"
+			icon: 'tabler:arrows-right-left',
 		},
 		{
 			title: 'Open to new ideas and contributions',
 			description:
 				'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, quam nec venenatis lobortis, mi risus tempus nulla.',
-			icon: "tabler:ballon"
+			icon: 'tabler:ballon',
 		},
 	],
 ];

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

@@ -23,7 +23,7 @@ export async function getStaticPaths() {
 }
 
 const { post } = Astro.props;
-const canonical = post.canonical || getCanonical(getPermalink(post.slug, 'post'))
+const canonical = post.canonical || getCanonical(getPermalink(post.slug, 'post'));
 
 const meta = {
 	title: `${post.title} — ${SITE.name}`,