chore: add aliases

jesperorb · Apr 5, 2024 · ec6e94a · ec6e94a
1 parent 5684661
commit ec6e94a
Show file tree

Hide file tree

Showing 86 changed files with 399 additions and 395 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -5,5 +5,9 @@
 	},
 	"editor.codeActionsOnSave": {
 		"source.fixAll": "always"
+	},
+	"javascript.preferences.importModuleSpecifier": "non-relative",
+	"workbench.editor.customLabels.patterns": {
+		"**/+*": "${dirname}/${filename}.${extname}"
 	}
 }
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
@@ -1,2 +1,2 @@
-import { i18n } from "$lib/i18n/i18n";
+import { i18n } from "$i18n/i18n";
 export const handle = i18n.handle();
diff --git a/src/hooks.ts b/src/hooks.ts
@@ -1,2 +1,2 @@
-import { i18n } from "$lib/i18n/i18n";
+import { i18n } from "$i18n/i18n";
 export const reroute = i18n.reroute();
diff --git a/src/lib/components/pages/Collator.svelte b/src/lib/components/pages/Collator.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import OptionSection from "$lib/components/ui/OptionSection.svelte";
-	import Highlight from "$lib/components/ui/Highlight.svelte";
-	import Input from "$lib/components/ui/Input.svelte";
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import PageLayout from "$lib/components/pages/PageLayout.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import OptionSection from "$ui/OptionSection.svelte";
+	import Highlight from "$ui/Highlight.svelte";
+	import Input from "$ui/Input.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import PageLayout from "$pages/PageLayout.svelte";
 
-	import type { BrowserSupportDataForMethod } from "$lib/types/BrowserSupport.types";
-	import type { OptionValues } from "$lib/types/OptionValues.types";
+	import type { BrowserSupportDataForMethod } from "$types/BrowserSupport.types";
+	import type { OptionValues } from "$types/OptionValues.types";
 	import { collatorFormatOptions } from "$lib/format-options/collator.options";
-	import { copyCode } from "$lib/utils/copy-to-clipboard";
-	import { formatLocalesForPrint, tryFormat } from "$lib/utils/format-utils";
-	import { getMessages } from "$lib/i18n/util";
-	import { locales } from "$lib/store/locales";
+	import { copyCode } from "$utils/copy-to-clipboard";
+	import { formatLocalesForPrint, tryFormat } from "$utils/format-utils";
+	import { getMessages } from "$i18n/util";
+	import { locales } from "$store/locales";
 
 	export let browserCompatData: BrowserSupportDataForMethod | null;
 

diff --git a/src/lib/components/pages/DateTimeFormat.svelte b/src/lib/components/pages/DateTimeFormat.svelte
@@ -1,24 +1,24 @@
 <script lang="ts">
-	import Highlight from "$lib/components/ui/Highlight.svelte";
-	import OptionSection from "$lib/components/ui/OptionSection.svelte";
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import DateTime from "$lib/components/ui/DateTime.svelte";
-	import Token from "$lib/components/ui/Highlight/Token.svelte";
-	import CodeBlock from "$lib/components/ui/CodeBlock.svelte";
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import PageLayout from "$lib/components/pages/PageLayout.svelte";
-	import HighlightLocale from "$lib/components/ui/Highlight/HighlightLocale.svelte";
+	import Highlight from "$ui/Highlight.svelte";
+	import OptionSection from "$ui/OptionSection.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import DateTime from "$ui/DateTime.svelte";
+	import Token from "$ui/Highlight/Token.svelte";
+	import CodeBlock from "$ui/CodeBlock.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import PageLayout from "$pages/PageLayout.svelte";
+	import HighlightLocale from "$ui/Highlight/HighlightLocale.svelte";
 
 	import {
 		datetimeFormatOptions,
 		getDateTimeFormatOptions
 	} from "$lib/format-options/datetime-format.options";
-	import { copyCode } from "$lib/utils/copy-to-clipboard";
-	import type { OptionValues } from "$lib/types/OptionValues.types";
-	import type { BrowserSupportDataForMethod } from "$lib/types/BrowserSupport.types";
-	import { formatLocalesForPrint, tryFormat } from "$lib/utils/format-utils";
-	import { getMessages } from "$lib/i18n/util";
-	import { locales } from "$lib/store/locales";
+	import { copyCode } from "$utils/copy-to-clipboard";
+	import type { OptionValues } from "$types/OptionValues.types";
+	import type { BrowserSupportDataForMethod } from "$types/BrowserSupport.types";
+	import { formatLocalesForPrint, tryFormat } from "$utils/format-utils";
+	import { getMessages } from "$i18n/util";
+	import { locales } from "$store/locales";
 
 	export let browserCompatData: BrowserSupportDataForMethod | null;
 

diff --git a/src/lib/components/pages/DisplayNames.svelte b/src/lib/components/pages/DisplayNames.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import OptionSection from "$lib/components/ui/OptionSection.svelte";
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import Input from "$lib/components/ui/Input.svelte";
-	import DisplayNamesHighlight from "$lib/components/ui/DisplayNamesHighlight.svelte";
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import PageLayout from "$lib/components/pages/PageLayout.svelte";
+	import OptionSection from "$ui/OptionSection.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import Input from "$ui/Input.svelte";
+	import DisplayNamesHighlight from "$ui/DisplayNamesHighlight.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import PageLayout from "$pages/PageLayout.svelte";
 
 	let code = "US";
 	let language = "en-US";

diff --git a/src/lib/components/pages/DurationFormat.svelte b/src/lib/components/pages/DurationFormat.svelte
@@ -1,17 +1,17 @@
 <script lang="ts">
-	import Highlight from "$lib/components/ui/Highlight.svelte";
-	import OptionSection from "$lib/components/ui/OptionSection.svelte";
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import Input from "$lib/components/ui/Input.svelte";
-	import PageLayout from "$lib/components/pages/PageLayout.svelte";
+	import Highlight from "$ui/Highlight.svelte";
+	import OptionSection from "$ui/OptionSection.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import Input from "$ui/Input.svelte";
+	import PageLayout from "$pages/PageLayout.svelte";
 
-	import { copyCode } from "$lib/utils/copy-to-clipboard";
-	import type { OptionValues } from "$lib/types/OptionValues.types";
-	import type { BrowserSupportDataForMethod } from "$lib/types/BrowserSupport.types";
+	import { copyCode } from "$utils/copy-to-clipboard";
+	import type { OptionValues } from "$types/OptionValues.types";
+	import type { BrowserSupportDataForMethod } from "$types/BrowserSupport.types";
 	import { durationFormatOptions } from "$lib/format-options/duration-format.options";
-	import { clampValue, formatLocalesForPrint, tryFormat } from "$lib/utils/format-utils";
-	import { locales } from "$lib/store/locales";
+	import { clampValue, formatLocalesForPrint, tryFormat } from "$utils/format-utils";
+	import { locales } from "$store/locales";
 
 	export let browserCompatData: BrowserSupportDataForMethod | null;
 

diff --git a/src/lib/components/pages/ListFormat.svelte b/src/lib/components/pages/ListFormat.svelte
@@ -1,21 +1,21 @@
 <script lang="ts">
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import OptionSection from "$lib/components/ui/OptionSection.svelte";
-	import Highlight from "$lib/components/ui/Highlight.svelte";
-	import Input from "$lib/components/ui/Input.svelte";
-	import HighlightLocale from "$lib/components/ui/Highlight/HighlightLocale.svelte";
-	import Token from "$lib/components/ui/Highlight/Token.svelte";
-	import CodeBlock from "$lib/components/ui/CodeBlock.svelte";
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import PageLayout from "$lib/components/pages/PageLayout.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import OptionSection from "$ui/OptionSection.svelte";
+	import Highlight from "$ui/Highlight.svelte";
+	import Input from "$ui/Input.svelte";
+	import HighlightLocale from "$ui/Highlight/HighlightLocale.svelte";
+	import Token from "$ui/Highlight/Token.svelte";
+	import CodeBlock from "$ui/CodeBlock.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import PageLayout from "$pages/PageLayout.svelte";
 
-	import type { OptionValues } from "$lib/types/OptionValues.types";
-	import type { BrowserSupportDataForMethod } from "$lib/types/BrowserSupport.types";
+	import type { OptionValues } from "$types/OptionValues.types";
+	import type { BrowserSupportDataForMethod } from "$types/BrowserSupport.types";
 	import { listFormatOptions } from "$lib/format-options/list-format.options";
-	import { copyCode } from "$lib/utils/copy-to-clipboard";
-	import { formatLocalesForPrint, tryFormat } from "$lib/utils/format-utils";
-	import { getMessages } from "$lib/i18n/util";
-	import { locales } from "$lib/store/locales";
+	import { copyCode } from "$utils/copy-to-clipboard";
+	import { formatLocalesForPrint, tryFormat } from "$utils/format-utils";
+	import { getMessages } from "$i18n/util";
+	import { locales } from "$store/locales";
 
 	export let browserCompatData: BrowserSupportDataForMethod | null;
 

diff --git a/src/lib/components/pages/Locale.svelte b/src/lib/components/pages/Locale.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import CodeBlock from "$lib/components/ui/CodeBlock.svelte";
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import Input from "$lib/components/ui/Input.svelte";
-	import HighlightValue from "$lib/components/ui/HighlightValue.svelte";
-	import OptionSection from "$lib/components/ui/OptionSection.svelte";
-	import PageLayout from "$lib/components/pages/PageLayout.svelte";
-	import { getMessages } from "$lib/i18n/util";
-	import type { BrowserSupportDataForMethod } from "$lib/types/BrowserSupport.types";
+	import CodeBlock from "$ui/CodeBlock.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import Input from "$ui/Input.svelte";
+	import HighlightValue from "$ui/HighlightValue.svelte";
+	import OptionSection from "$ui/OptionSection.svelte";
+	import PageLayout from "$pages/PageLayout.svelte";
+	import { getMessages } from "$i18n/util";
+	import type { BrowserSupportDataForMethod } from "$types/BrowserSupport.types";
 
 	export let browserCompatData: BrowserSupportDataForMethod | null;
 

diff --git a/src/lib/components/pages/NumberFormat.Currency.svelte b/src/lib/components/pages/NumberFormat.Currency.svelte
@@ -1,27 +1,27 @@
 <script lang="ts">
-	import Select from "$lib/components/ui/Select.svelte";
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import OptionSection from "$lib/components/ui/OptionSection.svelte";
-	import Highlight from "$lib/components/ui/Highlight.svelte";
-	import Input from "$lib/components/ui/Input.svelte";
-	import Token from "$lib/components/ui/Highlight/Token.svelte";
-	import CodeBlock from "$lib/components/ui/CodeBlock.svelte";
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import PageLayout from "$lib/components/pages/PageLayout.svelte";
-	import HighlightLocale from "$lib/components/ui/Highlight/HighlightLocale.svelte";
+	import Select from "$ui/Select.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import OptionSection from "$ui/OptionSection.svelte";
+	import Highlight from "$ui/Highlight.svelte";
+	import Input from "$ui/Input.svelte";
+	import Token from "$ui/Highlight/Token.svelte";
+	import CodeBlock from "$ui/CodeBlock.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import PageLayout from "$pages/PageLayout.svelte";
+	import HighlightLocale from "$ui/Highlight/HighlightLocale.svelte";
 
-	import type { OptionValues } from "$lib/types/OptionValues.types";
-	import type { BrowserSupportDataForMethod } from "$lib/types/BrowserSupport.types";
+	import type { OptionValues } from "$types/OptionValues.types";
+	import type { BrowserSupportDataForMethod } from "$types/BrowserSupport.types";
 
 	import { currencies } from "$lib/locale-data/currencies";
 	import {
 		numberFormatOptionsCommon,
 		numberFormatOptionsCurrency
 	} from "$lib/format-options/number-format.options";
-	import { copyCode } from "$lib/utils/copy-to-clipboard";
-	import { formatLocalesForPrint, tryFormat } from "$lib/utils/format-utils";
-	import { getMessages } from "$lib/i18n/util";
-	import { locales } from "$lib/store/locales";
+	import { copyCode } from "$utils/copy-to-clipboard";
+	import { formatLocalesForPrint, tryFormat } from "$utils/format-utils";
+	import { getMessages } from "$i18n/util";
+	import { locales } from "$store/locales";
 
 	export let browserCompatData: BrowserSupportDataForMethod | null;
 

diff --git a/src/lib/components/pages/NumberFormat.Unit.svelte b/src/lib/components/pages/NumberFormat.Unit.svelte
@@ -1,26 +1,26 @@
 <script lang="ts">
-	import Select from "$lib/components/ui/Select.svelte";
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import OptionSection from "$lib/components/ui/OptionSection.svelte";
-	import Highlight from "$lib/components/ui/Highlight.svelte";
-	import Input from "$lib/components/ui/Input.svelte";
-	import Token from "$lib/components/ui/Highlight/Token.svelte";
-	import CodeBlock from "$lib/components/ui/CodeBlock.svelte";
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import HighlightLocale from "$lib/components/ui/Highlight/HighlightLocale.svelte";
-	import PageLayout from "$lib/components/pages/PageLayout.svelte";
+	import Select from "$ui/Select.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import OptionSection from "$ui/OptionSection.svelte";
+	import Highlight from "$ui/Highlight.svelte";
+	import Input from "$ui/Input.svelte";
+	import Token from "$ui/Highlight/Token.svelte";
+	import CodeBlock from "$ui/CodeBlock.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import HighlightLocale from "$ui/Highlight/HighlightLocale.svelte";
+	import PageLayout from "$pages/PageLayout.svelte";
 
 	import {
 		numberFormatOptionsCommon,
 		numberFormatOptionsUnit
 	} from "$lib/format-options/number-format.options";
-	import { copyCode } from "$lib/utils/copy-to-clipboard";
+	import { copyCode } from "$utils/copy-to-clipboard";
 	import { unitsAsEntries } from "$lib/locale-data/units";
-	import type { OptionValues } from "$lib/types/OptionValues.types";
-	import type { BrowserSupportDataForMethod } from "$lib/types/BrowserSupport.types";
-	import { formatLocalesForPrint, tryFormat } from "$lib/utils/format-utils";
-	import { getMessages } from "$lib/i18n/util";
-	import { locales } from "$lib/store/locales";
+	import type { OptionValues } from "$types/OptionValues.types";
+	import type { BrowserSupportDataForMethod } from "$types/BrowserSupport.types";
+	import { formatLocalesForPrint, tryFormat } from "$utils/format-utils";
+	import { getMessages } from "$i18n/util";
+	import { locales } from "$store/locales";
 
 	export let browserCompatData: BrowserSupportDataForMethod | null;
 

diff --git a/src/lib/components/pages/NumberFormat.svelte b/src/lib/components/pages/NumberFormat.svelte
@@ -1,24 +1,24 @@
 <script lang="ts">
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import OptionSection from "$lib/components/ui/OptionSection.svelte";
-	import Highlight from "$lib/components/ui/Highlight.svelte";
-	import Input from "$lib/components/ui/Input.svelte";
-	import Token from "$lib/components/ui/Highlight/Token.svelte";
-	import CodeBlock from "$lib/components/ui/CodeBlock.svelte";
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import PageLayout from "$lib/components/pages/PageLayout.svelte";
-	import HighlightLocale from "$lib/components/ui/Highlight/HighlightLocale.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import OptionSection from "$ui/OptionSection.svelte";
+	import Highlight from "$ui/Highlight.svelte";
+	import Input from "$ui/Input.svelte";
+	import Token from "$ui/Highlight/Token.svelte";
+	import CodeBlock from "$ui/CodeBlock.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import PageLayout from "$pages/PageLayout.svelte";
+	import HighlightLocale from "$ui/Highlight/HighlightLocale.svelte";
 
 	import {
 		numberFormatOptionsCommon,
 		numberFormatOptionsUnit
 	} from "$lib/format-options/number-format.options";
-	import { copyCode } from "$lib/utils/copy-to-clipboard";
-	import type { OptionValues } from "$lib/types/OptionValues.types";
-	import type { BrowserSupportDataForMethod } from "$lib/types/BrowserSupport.types";
-	import { formatLocalesForPrint, tryFormat } from "$lib/utils/format-utils";
-	import { getMessages } from "$lib/i18n/util";
-	import { locales } from "$lib/store/locales";
+	import { copyCode } from "$utils/copy-to-clipboard";
+	import type { OptionValues } from "$types/OptionValues.types";
+	import type { BrowserSupportDataForMethod } from "$types/BrowserSupport.types";
+	import { formatLocalesForPrint, tryFormat } from "$utils/format-utils";
+	import { getMessages } from "$i18n/util";
+	import { locales } from "$store/locales";
 
 	export let browserCompatData: BrowserSupportDataForMethod | null;
 

diff --git a/src/lib/components/pages/PageLayout.svelte b/src/lib/components/pages/PageLayout.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import Card from "$lib/components/ui/Card.svelte";
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import LocalePicker from "$lib/components/ui/LocalePicker.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import Card from "$ui/Card.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import LocalePicker from "$ui/LocalePicker.svelte";
 
-	import { getMessages } from "$lib/i18n/util";
+	import { getMessages } from "$i18n/util";
 	export let showLocalePicker: boolean = true;
 	const m = getMessages();
 </script>

diff --git a/src/lib/components/pages/Playground/Playground.svelte b/src/lib/components/pages/Playground/Playground.svelte
@@ -2,19 +2,19 @@
 	import { browser } from "$app/environment";
 
 	import type { PlaygroundSchema } from "$lib/playground/playground.schema";
-	import type { BrowserSupportDataForMethod } from "$lib/types/BrowserSupport.types";
+	import type { BrowserSupportDataForMethod } from "$types/BrowserSupport.types";
 
 	import Highlight from "svelte-highlight";
 	import typescript from "svelte-highlight/languages/typescript";
 
-	import Spacing from "$lib/components/ui/Spacing.svelte";
-	import Header from "$lib/components/ui/Header.svelte";
-	import CopyToClipboard from "$lib/components/ui/icons/CopyToClipboard.svelte";
-	import Button from "$lib/components/ui/Button.svelte";
+	import Spacing from "$ui/Spacing.svelte";
+	import Header from "$ui/Header.svelte";
+	import CopyToClipboard from "$ui/icons/CopyToClipboard.svelte";
+	import Button from "$ui/Button.svelte";
 
-	import PlaygroundOptions from "$lib/components/pages/Playground/PlaygroundOptions.svelte";
-	import PlaygroundInput from "$lib/components/pages/Playground/PlaygroundInput.svelte";
-	import PlaygroundSecondaryFormatters from "$lib/components/pages/Playground/PlaygroundSecondaryFormatters.svelte";
+	import PlaygroundOptions from "$pages/Playground/PlaygroundOptions.svelte";
+	import PlaygroundInput from "$pages/Playground/PlaygroundInput.svelte";
+	import PlaygroundSecondaryFormatters from "$pages/Playground/PlaygroundSecondaryFormatters.svelte";
 
 	import {
 		schemaToCode,
@@ -25,16 +25,16 @@
 	} from "$lib/playground/format.utils";
 	import { createSchemaUrl, getSchemaParam, parseSchemaFromURL } from "$lib/playground/url.utils";
 	import { validateAndUpdateSchema } from "$lib/playground/validate";
-	import { copyCode, copyToClipboard } from "$lib/utils/copy-to-clipboard";
+	import { copyCode, copyToClipboard } from "$utils/copy-to-clipboard";
 	import { schemas, type SchemaKeys } from "$lib/playground/schemas";
 	import { onDestroy, onMount } from "svelte";
 	import { numberFormatSchema } from "$lib/playground/schemas/numberFormat.schema";
-	import { trackEvent } from "$lib/utils/analytics";
-	import BrowserSupport from "$lib/components/ui/BrowserSupport/BrowserSupport.svelte";
-	import Grid from "$lib/components/ui/Grid.svelte";
-	import { getMessages } from "$lib/i18n/util";
-	import { settings } from "$lib/store/settings";
-	import { locales } from "$lib/store/locales";
+	import { trackEvent } from "$utils/analytics";
+	import BrowserSupport from "$ui/BrowserSupport/BrowserSupport.svelte";
+	import Grid from "$ui/Grid.svelte";
+	import { getMessages } from "$i18n/util";
+	import { settings } from "$store/settings";
+	import { locales } from "$store/locales";
 
 	export let data: { [key: string]: BrowserSupportDataForMethod };