add global styles to component

.eslintrc.cjs

@@ -38,7 +38,8 @@ module.exports = {
 		'svelte/require-each-key': 'off',
 		'svelte/no-at-html-tags': 'off',
 		'svelte/no-unused-svelte-ignore': 'off',
-		'svelte/require-stores-init': 'off'
+		'svelte/require-stores-init': 'off',
+		'svelte/css-unused-selector': 'off'
 	},
 	overrides: [
 		{

package.json

@@ -39,6 +39,9 @@
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
 		"@svitejs/changesets-changelog-github-compact": "^1.1.0",
+		"@testing-library/dom": "^9.3.3",
+		"@testing-library/svelte": "^4.0.5",
+		"@testing-library/user-event": "^14.5.2",
 		"@types/eslint": "8.56.0",
 		"@types/node": "^20.10.5",
 		"@typescript-eslint/eslint-plugin": "^6.0.0",
@@ -48,6 +51,7 @@
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.35.1",
+		"jsdom": "^23.0.1",
 		"postcss": "^8.4.32",
 		"postcss-load-config": "^5.0.2",
 		"prettier": "^3.1.1",
@@ -60,7 +64,8 @@
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
 		"vite": "^5.0.3",
-		"vitest": "^1.0.0"
+		"vitest": "^1.0.0",
+		"vitest-dom": "^0.1.1"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",