chore: update deps

gyurielf · Aug 29, 2023 · 5ec088b · 5ec088b
1 parent a8d583f
commit 5ec088b
Show file tree

Hide file tree

Showing 10 changed files with 224 additions and 907 deletions.
diff --git a/.prettierrc.cjs b/.prettierrc.cjs
@@ -19,6 +19,5 @@ module.exports = {
 				tabWidth: 2
 			}
 		}
-	],
-	pluginSearchDirs: ['.']
+	]
 };
diff --git a/apps/site/.prettierrc.cjs b/apps/site/.prettierrc.cjs
@@ -5,6 +5,5 @@ module.exports = {
 	printWidth: 100,
 	tabWidth: 4,
 	plugins: ['prettier-plugin-svelte'],
-	pluginSearchDirs: ['.'],
 	overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }]
 };
diff --git a/apps/site/package.json b/apps/site/package.json
@@ -45,25 +45,25 @@
 		"@macfja/svelte-persistent-store": "^2.4.0",
 		"@playwright/test": "^1.37.1",
 		"@sveltejs/adapter-static": "^2.0.3",
-		"@sveltejs/kit": "^1.22.6",
+		"@sveltejs/kit": "^1.23.0",
 		"@types/micromatch": "^4.0.2",
-		"@typescript-eslint/eslint-plugin": "^6.4.0",
-		"@typescript-eslint/parser": "^6.4.0",
+		"@typescript-eslint/eslint-plugin": "^6.5.0",
+		"@typescript-eslint/parser": "^6.5.0",
 		"autoprefixer": "^10.4.15",
 		"cssnano": "^6.0.1",
 		"dotenv": "^16.3.1",
-		"eslint": "^8.47.0",
-		"eslint-config-prettier": "^8.8.0",
-		"eslint-plugin-svelte": "^2.32.4",
+		"eslint": "^8.48.0",
+		"eslint-config-prettier": "^9.0.0",
+		"eslint-plugin-svelte": "^2.33.0",
 		"postcss": "^8.4.28",
-		"prettier": "^2.8.8",
-		"prettier-plugin-svelte": "^2.10.1",
+		"prettier": "^3.0.2",
+		"prettier-plugin-svelte": "^3.0.3",
 		"schema-dts": "^1.1.2",
-		"svelte-check": "^3.5.0",
-		"svelte2tsx": "^0.6.20",
+		"svelte-check": "^3.5.1",
+		"svelte2tsx": "^0.6.21",
 		"tailwindcss": "^3.3.3",
 		"tslib": "^2.6.2",
-		"typescript": "^5.1.6",
+		"typescript": "^5.2.2",
 		"vite": "^4.4.9"
 	},
 	"type": "module",

diff --git a/apps/site/src/app.html b/apps/site/src/app.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />

diff --git a/package.json b/package.json
@@ -49,15 +49,15 @@
 		"@changesets/cli": "^2.26.2",
 		"@changesets/get-github-info": "^0.5.2",
 		"@changesets/types": "^5.2.1",
-		"@typescript-eslint/eslint-plugin": "^6.2.1",
+		"@typescript-eslint/eslint-plugin": "^6.5.0",
 		"dotenv": "^16.3.1",
-		"eslint": "^8.45.0",
-		"eslint-plugin-svelte": "^2.32.4",
+		"eslint": "^8.48.0",
+		"eslint-plugin-svelte": "^2.33.0",
 		"eslint-plugin-unicorn": "^48.0.1",
-		"eslint-config-prettier": "^8.8.0",
+		"eslint-config-prettier": "^9.0.0",
 		"husky": "^8.0.3",
-		"prettier": "^2.8.8",
-		"prettier-plugin-svelte": "^2.10.1"
+		"prettier": "^3.0.2",
+		"prettier-plugin-svelte": "^3.0.3"
 	},
 	"type": "module",
 	"license": "MIT",

diff --git a/packages/svelte-tel-input/.prettierrc.cjs b/packages/svelte-tel-input/.prettierrc.cjs
@@ -4,7 +4,6 @@ module.exports = {
 	printWidth: 100,
 	tabWidth: 4,
 	plugins: ['prettier-plugin-svelte'],
-	pluginSearchDirs: ['.'],
 	overrides: [
 		{ files: ['*.svelte'], options: { parser: 'svelte', bracketSameLine: false } },
 		{

diff --git a/packages/svelte-tel-input/README.md b/packages/svelte-tel-input/README.md
@@ -40,60 +40,72 @@ _Snippet would be too long_ - [Example](https://github.com/gyurielf/svelte-tel-i
 
 ```html
 <script lang="ts">
-	import { TelInput, normalizedCountries } from 'svelte-tel-input';
-	import type { DetailedValue, CountryCode, E164Number } from 'svelte-tel-input/types';
+  import { TelInput, normalizedCountries } from 'svelte-tel-input';
+  import type { DetailedValue, CountryCode, E164Number } from 'svelte-tel-input/types';
 
-	// Any Country Code Alpha-2 (ISO 3166)
-	let selectedCountry: CountryCode | null = 'HU';
+  // Any Country Code Alpha-2 (ISO 3166)
+  let selectedCountry: CountryCode | null = 'HU';
 
-	// You must use E164 number format. It's guarantee the parsing and storing consistency.
-	let value: E164Number | null = '+36301234567';
+  // You must use E164 number format. It's guarantee the parsing and storing consistency.
+  let value: E164Number | null = '+36301234567';
 
-    // Validity
-    let valid = true;
+  // Validity
+  let valid = true;
 
-	// Optional - Extended details about the parsed phone number
-	let detailedValue: DetailedValue | null = null;
+  // Optional - Extended details about the parsed phone number
+  let detailedValue: DetailedValue | null = null;
 </script>
 
 <div class="wrapper">
-	<select
-		class="country-select {!valid && 'invalid'}"
-		aria-label="Default select example"
-		name="Country"
-		bind:value={selectedCountry}
-	>
-		<option value={null} hidden={selectedCountry !== null}>Please select</option>
-		{#each normalizedCountries as country (country.id)}
-			<option
-				value={country.iso2}
-				selected={country.iso2 === selectedCountry}
-				aria-selected={country.iso2 === selectedCountry}
-			>
-				{country.iso2} (+{country.dialCode})
-			</option>
-		{/each}
-	</select>
-    <TelInput bind:country={selectedCountry} bind:value bind:valid bind:detailedValue class="basic-tel-input {!isValid && 'invalid'}" />
+  <select
+    class="country-select {!valid && 'invalid'}"
+    aria-label="Default select example"
+    name="Country"
+    bind:value="{selectedCountry}"
+  >
+    <option value="{null}" hidden="{selectedCountry" !="" ="null}">Please select</option>
+    {#each normalizedCountries as country (country.id)}
+    <option
+      value="{country.iso2}"
+      selected="{country.iso2"
+      =""
+      =""
+      ="selectedCountry}"
+      aria-selected="{country.iso2"
+      =""
+      =""
+      ="selectedCountry}"
+    >
+      {country.iso2} (+{country.dialCode})
+    </option>
+    {/each}
+  </select>
+  <TelInput
+    bind:country="{selectedCountry}"
+    bind:value
+    bind:valid
+    bind:detailedValue
+    class="basic-tel-input {!isValid && 'invalid'}"
+  />
 </div>
 
 <style>
   .wrapper :global(.basic-tel-input) {
-      height: 32px;
-      padding-left: 12px;
-      padding-right: 12px;
-      border-radius: 6px;
-      border: 1px solid;
-      outline: none;
+    height: 32px;
+    padding-left: 12px;
+    padding-right: 12px;
+    border-radius: 6px;
+    border: 1px solid;
+    outline: none;
   }
 
   .wrapper :global(.country-select) {
-      height: 36px;
-      padding-left: 12px;
-      padding-right: 12px;
-      border-radius: 6px;
-      border: 1px solid;
-      outline: none;
+    height: 36px;
+    padding-left: 12px;
+    padding-right: 12px;
+    border-radius: 6px;
+    border: 1px solid;
+    outline: none;
   }
 
   .wrapper :global(.invalid) {

diff --git a/packages/svelte-tel-input/package.json b/packages/svelte-tel-input/package.json
@@ -61,21 +61,21 @@
 		"cssnano": "^6.0.1",
 		"dotenv": "^16.3.1",
 		"eslint": "^8.48.0",
-		"eslint-config-prettier": "^8.8.0",
+		"eslint-config-prettier": "^9.0.0",
 		"eslint-plugin-import": "^2.28.1",
 		"eslint-plugin-svelte": "^2.33.0",
 		"jsdom": "^22.1.0",
 		"micromatch": "^4.0.5",
 		"postcss": "^8.4.28",
-		"prettier": "^2.8.8",
-		"prettier-plugin-svelte": "^2.10.1",
+		"prettier": "^3.0.2",
+		"prettier-plugin-svelte": "^3.0.3",
 		"publint": "^0.2.2",
-		"svelte": "^3.58.0",
+		"svelte": "^4.2.0",
 		"svelte-check": "^3.5.1",
 		"svelte2tsx": "^0.6.21",
 		"tailwindcss": "^3.3.3",
 		"tslib": "^2.6.2",
-		"typescript": "^5.1.6",
+		"typescript": "^5.2.2",
 		"vite": "^4.4.9",
 		"vitest": "^0.34.3"
 	},

diff --git a/packages/svelte-tel-input/src/app.html b/packages/svelte-tel-input/src/app.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,6 +19,5 @@ module.exports = { @@
     				tabWidth: 2
     			}
     		}
-    	],
-    	pluginSearchDirs: ['.']
+    	]
     };