fix: use combobox from melt

jesperorb · Apr 6, 2024 · be33113 · be33113
1 parent ec6e94a
commit be33113
Show file tree

Hide file tree

Showing 14 changed files with 324 additions and 550 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -1,8 +1,6 @@
 {
 	"$schema": "https://inlang.com/schema/inlang-message-format",
 	"about": "About",
-	"addLocale": "Add locale",
-	"addLocaleButton": "Add",
 	"alternativeUseHeading": "Alternativ use",
 	"alternativeUseIngress": "{method} can also be used from",
 	"amount": "Amount",
@@ -29,8 +27,6 @@
 	"currency": "Currency",
 	"dark": "Dark",
 	"date": "Date",
-	"editLocale": "Edit locale",
-	"editLocaleButton": "Edit",
 	"equals": "equals",
 	"fullSupport": "Full support",
 	"input": "Input",
@@ -39,12 +35,13 @@
 	"light": "Light",
 	"list": "List",
 	"locale": "Locale",
-	"localeHint": "'Add' to add selected locale. 'Edit' to add custom locale not in list",
+	"localePlaceHolder": "Select one or multiple locales",
 	"menu": "Menu",
 	"meta": "Meta",
 	"method": "Method",
 	"no": "No",
 	"noSupport": "No support",
+	"noResult": "No results found",
 	"notAvailableInBrowser": "Not available in {browserName}",
 	"noValue": "No value",
 	"options": "Options",

diff --git a/messages/sv.json b/messages/sv.json
@@ -5,8 +5,6 @@
 	"alternativeUseIngress": "{method} kan också användas från",
 	"amount": "Summa",
 	"and": "och",
-	"addLocale": "Lägg till språk",
-	"addLocaleButton": "Lägg till",
 	"availableInBrowser": "Tillgänglig i {browserName} från version {versionAdded}",
 	"blurbPart1": "är ett verktyg för att experimentera med",
 	"blurbPart2": "APIet är tillgängligt under namnet",
@@ -29,8 +27,6 @@
 	"currency": "Valuta",
 	"dark": "Mörkt",
 	"date": "Datum",
-	"editLocale": "Redigera språk",
-	"editLocaleButton": "Redigera",
 	"equals": "är lika med",
 	"fullSupport": "Fullt stöd",
 	"input": "Indata",
@@ -39,7 +35,7 @@
 	"light": "Ljust",
 	"list": "Lista",
 	"locale": "Språk",
-	"localeHint": "'Lägg till' för att lägga till språk. 'Redigera' för att lägga till språk som inte finns i listan",
+	"localePlaceHolder": "Välj ett eller flera språk",
 	"menu": "Meny",
 	"meta": "Meta",
 	"method": "Metod",

diff --git a/package.json b/package.json
@@ -26,6 +26,8 @@
 		"@commitlint/config-conventional": "^19.1.0",
 		"@inlang/paraglide-js": "1.3.5",
 		"@mdn/browser-compat-data": "5.5.18",
+		"@melt-ui/pp": "^0.3.0",
+		"@melt-ui/svelte": "^0.76.3",
 		"@playwright/test": "^1.42.1",
 		"@sveltejs/adapter-vercel": "5.2.0",
 		"@sveltejs/kit": "2.5.5",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app.html b/src/app.html
@@ -4,16 +4,6 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.svg" />
 		<meta name="viewport" content="width=device-width" />
-		<meta
-			name="description"
-			content="Intl Explorer is an interactive tool for experimenting and trying out the ECMAScript Internationalization API."
-		/>
-		<meta
-			property="og:description"
-			content="Intl Explorer is an interactive tool for experimenting and trying out the ECMAScript Internationalization API."
-		/>
-		<meta property="og:title" content="Intl Explorer" />
-		<title>Intl Explorer</title>
 		%sveltekit.head%
 	</head>
 	<body>

diff --git a/src/lib/components/ui/Chip.svelte b/src/lib/components/ui/Chip.svelte
@@ -41,6 +41,7 @@
 		width: 24px;
 		cursor: pointer;
 		border-radius: 50%;
+		color: var(--text-color);
 	}
 	.delete:hover {
 		background-color: var(--button-background-hover-color);