		@@ -11,4 +11,5 @@ export { default as AnchorFm } from './components/anchor-fm.svelte';
		export { default as StackBlitz } from './components/stackblitz.svelte';
		export { default as Toot } from './components/toot.svelte';
		export { default as Tweet } from './components/tweet.svelte';
		export { default as Vimeo } from './components/vimeo.svelte';
		export { default as YouTube } from './components/you-tube.svelte';

index.js

		@@ -11,4 +11,5 @@ export { default as AnchorFm } from './components/anchor-fm.svelte';
		export { default as StackBlitz } from './components/stackblitz.svelte';
		export { default as Toot } from './components/toot.svelte';
		export { default as Tweet } from './components/tweet.svelte';
		export { default as Vimeo } from './components/vimeo.svelte';
		export { default as YouTube } from './components/you-tube.svelte';

package.json

		{
		"name": "sveltekit-embed",
		"version": "0.0.7",
		"version": "0.0.8",
		"author": {
		@@ -25,3 +25,3 @@ "name": "Scott Spence",
		"devDependencies": {
		"@playwright/test": "1.26.0",
		"@playwright/test": "1.27.1",
		"@sveltejs/adapter-auto": "next",
		@@ -31,7 +31,8 @@ "@sveltejs/kit": "next",
		"@tailwindcss/typography": "0.5.7",
		"@typescript-eslint/eslint-plugin": "5.38.1",
		"@typescript-eslint/parser": "5.38.1",
		"autoprefixer": "10.4.12",
		"daisyui": "2.31.0",
		"eslint": "8.24.0",
		"@typescript-eslint/eslint-plugin": "5.41.0",
		"@typescript-eslint/parser": "5.41.0",
		"all-contributors-cli": "6.24.0",
		"autoprefixer": "10.4.13",
		"daisyui": "2.33.0",
		"eslint": "8.26.0",
		"eslint-config-prettier": "8.5.0",
		@@ -41,18 +42,17 @@ "eslint-plugin-svelte3": "4.0.0",
		"mdsvex": "0.10.6",
		"package": "link:package",
		"postcss": "8.4.16",
		"postcss": "8.4.18",
		"postcss-load-config": "4.0.1",
		"prettier": "2.7.1",
		"prettier-plugin-svelte": "2.7.0",
		"prettier-plugin-svelte": "2.8.0",
		"pretty-quick": "3.1.3",
		"svead": "0.0.3",
		"svelte": "3.50.1",
		"svelte-check": "2.9.0",
		"svelte": "3.52.0",
		"svelte-check": "2.9.2",
		"svelte-preprocess": "4.10.7",
		"svelte2tsx": "0.5.19",
		"sveltekit-embed": "^0.0.5",
		"tailwindcss": "3.1.8",
		"svelte2tsx": "0.5.20",
		"sveltekit-embed": "^0.0.7",
		"tailwindcss": "3.2.1",
		"tslib": "2.4.0",
		"typescript": "4.8.3",
		"vite": "3.1.3"
		"typescript": "4.8.4",
		"vite": "3.1.8"
		},
		@@ -80,2 +80,3 @@ "type": "module",
		"./components/stackblitz.svelte": "./components/stackblitz.svelte",
		"./components/toot.svelte": "./components/toot.svelte",
		"./components/tweet.svelte": "./components/tweet.svelte",
		@@ -82,0 +83,0 @@ "./components/vimeo.svelte": "./components/vimeo.svelte",

README.md

		@@ -5,3 +5,3 @@ # SvelteKit Embed

		[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)
		[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)

		@@ -17,5 +17,5 @@ <!-- ALL-CONTRIBUTORS-BADGE:END -->

		Each component is wrapped in an intersection observer
		`GeneralObserver` which will load up the component when it scrolls
		into the viewport.
		Each component with the exception of `Toot` and `Tweet` is wrapped in
		an intersection observer `GeneralObserver` which will load up the
		component when it scrolls into the viewport.

		@@ -88,2 +88,30 @@ ## Use

		## Packaging for NPM

		Scott, this is here for you to remember how to do this 🙃

		Although I detailed this in
		[Making npm Packages with SvelteKit](https://scottspence.com/posts/making-npm-packages-with-sveltekit)
		I think it's best to put it here as I always come to the README and
		the instructions are never there! 😅

		Publish the project to NPM

		```bash
		# authenticate with npm
		npm login
		# bump version with npm
		npm version 0.0.8
		# package with sveltkit
		pnpm run package
		# publish from package directory
		cd package
		# version in this directory is the same as the root
		npm version 0.0.8
		# publish
		npm publish
		# push tags to github
		git push --tags
		```

		## Contributors ✨
		@@ -98,6 +126,12 @@
		<table>
		<tr>
		<td align="center"><a href="https://scottspence.com/"><img src="https://avatars.githubusercontent.com/u/234708?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Scott Spence</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=spences10" title="Code">💻</a></td>
		<td align="center"><a href="https://github.com/Cahllagerfeld"><img src="https://avatars.githubusercontent.com/u/43843195?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Cahllagerfeld</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=Cahllagerfeld" title="Code">💻</a></td>
		</tr>
		<tbody>
		<tr>
		<td align="center"><a href="https://scottspence.com/"><img src="https://avatars.githubusercontent.com/u/234708?v=4?s=100" width="100px;" alt="Scott Spence"/><br /><sub><b>Scott Spence</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=spences10" title="Code">💻</a></td>
		<td align="center"><a href="https://github.com/Cahllagerfeld"><img src="https://avatars.githubusercontent.com/u/43843195?v=4?s=100" width="100px;" alt="Cahllagerfeld"/><br /><sub><b>Cahllagerfeld</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=Cahllagerfeld" title="Code">💻</a></td>
		<td align="center"><a href="https://matiashernandez.dev/"><img src="https://avatars.githubusercontent.com/u/282006?v=4?s=100" width="100px;" alt="Matías Hernández Arellano"/><br /><sub><b>Matías Hernández Arellano</b></sub></a><br /><a href="https://github.com/spences10/sveltekit-embed/commits?author=matiasfha" title="Code">💻</a></td>
		</tr>
		</tbody>
		<tfoot>

		</tfoot>
		</table>
		@@ -104,0 +138,0 @@

sveltekit-embed - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics