chore: run format and lint

Author: indaco

.eslintrc.cjs

@@ -1,7 +1,11 @@
 module.exports = {
 	root: true,
 	parser: '@typescript-eslint/parser',
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:tailwindcss/recommended'
+	],
 	rules: {
 		'@typescript-eslint/no-empty-function': 'off'
 	},

src/app.css

@@ -129,7 +129,7 @@
 }
 
 .markdown-body {
-	@apply font-light prose prose-sveltin lg:prose-lg;
+	@apply prose prose-sveltin font-light lg:prose-lg;
 }
 
 .markdown-body a {

src/lib/interfaces.ts

@@ -4,7 +4,3 @@ export interface ExternalLinkItem {
 	url: string;
 	weight: number;
 }
-
-export interface DynamicObject {
-	[key: string]: any;
-}

src/routes/cli/+page.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import type { SEOWebPageMetadata } from '@sveltinio/seo/types';
 	import { page } from '$app/stores';
 	import { website } from '$config/website.js';
 	import { theme } from '$lib/shared/stores';
@@ -16,7 +15,7 @@
 	const pageKeywords: Array<string> = [];
 
 	$: ({ resourceName, items } = data);
-	$: cliIndexPage = <SEOWebPageMetadata>{
+	$: cliIndexPage = {
 		url: canonicalPageUrl($page.url.pathname, website.baseURL),
 		title: 'All Sveltin commands',
 		description: pageDescription,

src/routes/cli/[slug]/+page.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import type { SEOWebPageMetadata } from '@sveltinio/seo/types';
 	import { base } from '$app/paths';
 	import { page } from '$app/stores';
 	import { theme } from '$lib/shared/stores';
@@ -16,7 +15,7 @@
 	$: previous = before;
 	$: next = after;
 
-	$: slugPageData = <SEOWebPageMetadata>{
+	$: slugPageData = {
 		url: canonicalPageUrl($page.url.pathname, website.baseURL),
 		title: 'sveltin command: ' + current.metadata.title,
 		description: current.metadata.headline,

themes/dockerz/components/_DarkModeToggle.svelte

@@ -20,7 +20,7 @@
 	role="switch"
 	aria-label="Toggle Dark Mode"
 	aria-checked={isDarkMode}
-	class="w-5 h-5 sm:h-8 sm:w-8 sm:p-1"
+	class="h-5 w-5 sm:h-8 sm:w-8 sm:p-1"
 	on:click|preventDefault={handleLightDark}
 	on:keyup|preventDefault={handleLightDark}
 	on:keydown|preventDefault={handleLightDark}

themes/dockerz/components/_PrevNext.svelte

@@ -6,7 +6,7 @@
 </script>
 
 <div
-	class="border-t-2 border-skin-accent bg-skin-muted dark:bg-skin-base-dark dark:border-skin-muted-dark dark:hover:bg-skin-base-dark-hover"
+	class="border-t-2 border-skin-accent bg-skin-muted dark:border-skin-muted-dark dark:bg-skin-base-dark dark:hover:bg-skin-base-dark-hover"
 >
 	<div class="mx-auto max-w-7xl">
 		<div

themes/dockerz/components/_TerminalWindow.svelte

@@ -1,10 +1,10 @@
-<div class="w-full p-4 rounded-md bg-slate-800 shadow-lg overflow-visible dark:bg-gray-900">
+<div class="w-full overflow-visible rounded-md bg-slate-800 p-4 shadow-lg dark:bg-gray-900">
 	<div class="mb-2 flex gap-2">
 		<div class="h-3 w-3 rounded-full bg-red-500" />
 		<div class="h-3 w-3 rounded-full bg-yellow-500" />
 		<div class="h-3 w-3 rounded-full bg-green-500" />
 	</div>
-	<div class="prose prose-p:text-white prose-invert mt-4 space-y-6 tracking-wide lg:space-y-3">
+	<div class="prose prose-invert mt-4 space-y-6 tracking-wide prose-p:text-white lg:space-y-3">
 		<slot />
 	</div>
 </div>

themes/dockerz/partials/Footer.svelte

@@ -5,7 +5,7 @@
 </script>
 
 <footer
-	class="border-t bg-skin-muted dark:bg-skin-base-dark dark:border-skin-muted-dark"
+	class="border-t bg-skin-muted dark:border-skin-muted-dark dark:bg-skin-base-dark"
 	aria-labelledby="footer-heading"
 >
 	<h2 id="footer-heading" class="sr-only">Footer</h2>