Merge branch 'main' into feat-webhooks

.prettierrc

@@ -3,7 +3,15 @@
 	"singleQuote": true,
 	"trailingComma": "none",
 	"printWidth": 88,
-	"plugins": ["prettier-plugin-svelte"],
+	"plugins": ["prettier-plugin-svelte", "@trivago/prettier-plugin-sort-imports"],
 	"pluginSearchDirs": ["."],
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
+	"importOrder": [
+		"^(assert|buffer|child_process|cluster|crypto|dgram|dns|domain|events|fs|http|https|net|os|path|punycode|querystring|readline|stream|string_decoder|timers|tls|tty|url|util|v8|vm|zlib)",
+		"<THIRD_PARTY_MODULES>",
+		"^\\$lib/(.*)$",
+		"^[./]"
+	],
+	"importOrderSeparation": true,
+	"importOrderSortSpecifiers": true
 }

package.json

@@ -39,6 +39,7 @@
 		"@sveltejs/kit": "^1.25.2",
 		"@tailwindcss/forms": "0.5.6",
 		"@tailwindcss/typography": "0.5.10",
+		"@trivago/prettier-plugin-sort-imports": "^4.3.0",
 		"@types/d3-scale-chromatic": "^3.0.1",
 		"@types/node": "20.8.6",
 		"@typescript-eslint/eslint-plugin": "^6.7.5",

src/hooks.client.ts

@@ -1,13 +1,12 @@
-// Initialize day.js and plugins
+import { ArcElement, Chart, Tooltip } from 'chart.js';
 import dayjs from 'dayjs';
 import advancedFormat from 'dayjs/plugin/advancedFormat';
 import quarterOfYear from 'dayjs/plugin/quarterOfYear';
 
+// Initialize day.js and plugins
 dayjs.extend(advancedFormat);
 dayjs.extend(quarterOfYear);
 
 // Initialize chart.js and plugins
-import { Chart, ArcElement, Tooltip } from 'chart.js';
-
 Chart.register(ArcElement);
 Chart.register(Tooltip);

src/index.test.ts

@@ -1,4 +1,4 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
 
 describe('sum test', () => {
 	it('adds 1 + 2 to equal 3', () => {

src/lib/components/Alert.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { Alert } from 'flowbite-svelte';
-	import Icon from './Icon.svelte';
 	import type { AlertProps } from 'flowbite-svelte/dist/alert/Alert.svelte';
 	import { twMerge } from 'tailwind-merge';
 
+	import Icon from './Icon.svelte';
+
 	export let color: AlertProps['color'] = undefined;
 	export let icon: string | undefined = undefined;
 	export let label: string | undefined = undefined;

src/lib/components/Button.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { Button } from 'flowbite-svelte';
+
 	import Icon from './Icon.svelte';
 
 	export let icon: string | null = null;