add-to-calendar-button 2.3.0 → 2.3.1

package/README.md

@@ -38,8 +38,6 @@ Works with **all modern browsers** (Chrome, Edge, Firefox, Safari) on **Windows,
 
 See [add-to-calendar-button.com](https://add-to-calendar-button.com/) for a live demo and playground.
 
-And remember to [⭐ **star** this repository](#) in order to stay up-to-date and save it for later! 🤗
-
 <br />
 
 ---
@@ -123,92 +121,15 @@ import 'add-to-calendar-button';
 ```
 
 Based on your framework/library, you might need to make minor adjustments to the respective config.
-Find the details for the most common ones below.
-
-<br />
 
-#### Angular
-
-At the `app.module.ts`, import `CUSTOM_ELEMENTS_SCHEMA` from `@angular/core` and add the following to the `@NgModule` block:
-
-```javascript
-@NgModule({
-  //(...),
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-```
+Find detailed installation guides for the most common ones, like React, Angular, Vue, Svelte, or Astro at [add-to-calendar-button.com/#installation](https://add-to-calendar-button.com/#installation).
 
 <br />
 
-#### React
-
-**Option A:**
-
-With basic React projects, the web component works out-of-the-box.
-
-If you are working with TypeScript or other stricter setups, you would need to define a respective global JSX interface.
-
-```typescript
-declare global {
-  namespace JSX {
-    interface IntrinsicElements {
-      ['add-to-calendar-button']: CustomElement<AddToCalendarButton>;
-    }
-  }
-}
-```
-
-**Option B:**
-
-If this does not work OR if you want to keep it more convenient, you should use [the official Add to Calendar Button React Wrapper (click here)](https://github.com/add2cal/add-to-calendar-button-react).
-
-This approach also enables you to provide object and array type props as objects and arrays.
-Find all further information within the wrapper repository's Readme file.
-
-<br />
-
-#### Vue 3
-
-In the `vite.config.js/ts`, add the following compiler option to treat all tags with a dash as custom elements and get rid of the warning. Anything else works out-of-the-box.
-
-```javascript
-compilerOptions: {
-  isCustomElement: (tag) => tag.includes('-')
-}
-```
-
-If you want to be more precise, you can also write something like `tag.startsWith('add-')` to apply this rule only to tags starting with "add-".
-
-<br />
-
-#### Svelte
-
-Works out-of-the-box. Nice!
+---
 
 <br />
 
-#### Astro
-
-For Astro as well as other SSR setups, you might want to include the script from the CDN rather than working with the npm package!
-
-If you still want to go for the npm way, you would need to add something like this to your page (instead of the import statement):
-
-```javascript
-<script type="module" hoist>
-  const observer = new IntersectionObserver((entries) => {
-    for (const entry of entries) {
-      if (!entry.isIntersecting) continue;
-      observer.disconnect();
-      import('../../node_modules/add-to-calendar-button/dist/module/index.js');
-    }
-  });
-  const instances = document.querySelectorAll('add-to-calendar-button');
-  for (const instance of instances) observer.observe(instance);
-</script>
-```
-
-<br /><br />
-
 ## 🎛️ Configuration
 
 A button can be easily created by using the respective custom element.
@@ -269,6 +190,17 @@ A time zone is not required, but recommended.
 
 <br />
 
+## 🤗 Support it!
+
+You like this project? It would be awesome if you would support it, so it lives on!
+
+- ⭐ [Star the repository](#) in order to stay up-to-date and save it for later!
+- 📣 Spread the word! On Twitter/X, Medium, Discord, Facebook, ...
+- ✍️ Leave a review at [ProductHunt](https://www.producthunt.com/products/add-to-calendar-button-generator/reviews).
+- 💌 Send us some positive feedback at the [discussion board](https://github.com/add2cal/add-to-calendar-button/discussions).
+
+<br />
+
 ## ⚡ Changelog
 
 ![npm Version](https://img.shields.io/npm/v/add-to-calendar-button?label=current%20version&style=for-the-badge)
@@ -324,6 +256,8 @@ In doubt, simply ask and we find a way. :)
 <a href="https://github.com/bryan-brancotte"><img src="https://avatars.githubusercontent.com/u/11556772?v=4" title="bryan-brancotte" width="60" height="60"></a>
 <a href="https://github.com/nticaric"><img src="https://avatars.githubusercontent.com/u/824840?v=4" title="nticaric" width="60" height="60"></a>
 <a href="https://github.com/Ortovoxx"><img src="https://avatars.githubusercontent.com/u/56805259?v=4" title="Ortovoxx" width="60" height="60"></a>
+<a href="https://github.com/purushu007"><img src="https://avatars.githubusercontent.com/u/70796763?v=4" title="Purushu" width="60" height="60"></a>
+<a href="https://github.com/cabello"><img src="https://avatars.githubusercontent.com/u/60936?v=4" title="Danilo Cabello" width="60" height="60"></a>
 <a href="https://github.com/Goudarz"><img src="https://avatars.githubusercontent.com/u/3191949?v=4" title="Goudarz" width="60" height="60"></a>
 <a href="https://github.com/ragnarkurm"><img src="https://avatars.githubusercontent.com/u/5205088?v=4" title="Ragnar Kurm" width="60" height="60"></a>
 <a href="https://github.com/emilebosch"><img src="https://avatars.githubusercontent.com/u/303135?v=4" title="emilebosch" width="60" height="60"></a>