Merge branch 'main' into dev

ngeenx · Oct 27, 2024 · f45202c · f45202c
2 parents 6e469d7 + 4b0dc4a
commit f45202c
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 15 deletions.
diff --git a/README.md b/README.md
@@ -4,17 +4,17 @@
 
 This repository is based on [Sam Herbert](https://github.com/SamHerbert)'s [SVG-Loaders](https://github.com/SamHerbert/SVG-Loaders) project. There are many loadig indicator display strategy like *JS, CSS, GIF, Lottie and Custom Fonts*. **SVG** is another loading indicator/spinner option because it's supporting animations natively on browsers and [widely supporting](https://caniuse.com/svg-smil). This project aims to provide ready-to-use SVG loader examples as components in *Angular, React, Vue, Svelte* without broke your development environment experience.
 
-> Basicly we can use SVG files with `<img>` tag or import directly as inline code. You can not style SVG content over `<img>` tag. Also, inline option is not good for clean development experience. We created this project for smooth and better experience for developers.
+> Basicly we can use SVG files with `<img>` tag or import directly as inline code. We cannot style SVG content over `<img>` tag. Also, inline option is not good for clean development experience. We created this project for smooth and better experience for developers.
 
 ## 📄 Documentation
 
 Please check the **[documentation](https://ngeenx.github.io/nx-svg-loaders/)** for installation and usage.
 
 Supported Frameworks:
 
-| Framework | Docs | Live Demo |
-|---|---|---|
-| Angular | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/angular) | [Stackblitz](https://stackblitz.com/edit/nx-angular-svg-loaders-demo) |
-| React | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/react) | [Stackblitz](https://stackblitz.com/edit/nx-react-svg-loaders-demo) |
-| Svelte | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/svelte) | [Stackblitz](https://stackblitz.com/edit/nx-svelte-svg-loaders-demo) |
-| Vue | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/vue) | [Stackblitz](https://stackblitz.com/edit/nx-vue-svg-loaders-demo) |
+| Framework | Docs | Live Demo | Live Demo Source |
+|---|---|---|---|
+| Angular | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/angular) | [Stackblitz](https://stackblitz.com/~/github.com/ngeenx/nx-angular-svg-loaders-demo) | [Demo Source](https://github.com/ngeenx/nx-angular-svg-loaders-demo) |
+| React | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/react) | [Stackblitz](https://stackblitz.com/~/github.com/ngeenx/nx-react-svg-loaders-demo) | [Demo Source](https://github.com/ngeenx/nx-react-svg-loaders-demo) |
+| Svelte | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/svelte) | [Stackblitz](https://stackblitz.com/~/github.com/ngeenx/nx-svelte-svg-loaders-demo) | [Demo Source](https://github.com/ngeenx/nx-svelte-svg-loaders-demo) |
+| Vue | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/vue) | [Stackblitz](https://stackblitz.com/~/github.com/ngeenx/nx-vue-svg-loaders-demo) | [Demo Source](https://github.com/ngeenx/nx-vue-svg-loaders-demo) |
diff --git a/docs/docs/angular/loaders.mdx b/docs/docs/angular/loaders.mdx
@@ -4,9 +4,9 @@ sidebar_position: 2
 
 # 🌀 Loaders
 
-**[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-angular-svg-loaders-demo)**
+**[⚡️ Play on StackBlitz](https://stackblitz.com/~/github.com/ngeenx/nx-angular-svg-loaders-demo)**
 
-<iframe src="https://stackblitz.com/edit/nx-angular-svg-loaders-demo?embed=1&file=src/main.ts&hideExplorer=1&hideNavigation=1&view=preview" style={
+<iframe src="https://stackblitz.com/~/github.com/ngeenx/nx-angular-svg-loaders-demo?embed=1&file=src/main.ts&hideExplorer=1&hideNavigation=1&view=preview" style={
   {
     width: '100%',
     height: '500px',

diff --git a/docs/docs/react/loaders.mdx b/docs/docs/react/loaders.mdx
@@ -4,9 +4,9 @@ sidebar_position: 2
 
 # 🌀 Loaders
 
-**[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-react-svg-loaders-demo)**
+**[⚡️ Play on StackBlitz](https://stackblitz.com/~/github.com/ngeenx/nx-react-svg-loaders-demo)**
 
-<iframe src="https://stackblitz.com/edit/nx-react-svg-loaders-demo?embed=1&file=src/App.tsx&hideExplorer=1&hideNavigation=1&view=preview" style={
+<iframe src="https://stackblitz.com/~/github.com/ngeenx/nx-react-svg-loaders-demo?embed=1&file=src/App.tsx&hideExplorer=1&hideNavigation=1&view=preview" style={
   {
     width: '100%',
     height: '500px',

diff --git a/docs/docs/svelte/loaders.mdx b/docs/docs/svelte/loaders.mdx
@@ -4,9 +4,9 @@ sidebar_position: 2
 
 # 🌀 Loaders
 
-**[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-svelte-svg-loaders-demo)**
+**[⚡️ Play on StackBlitz](https://stackblitz.com/~/github.com/ngeenx/nx-svelte-svg-loaders-demo)**
 
-<iframe src="https://stackblitz.com/edit/nx-svelte-svg-loaders-demo?embed=1&file=src/App.svelte&hideExplorer=1&hideNavigation=1&view=preview" style={
+<iframe src="https://stackblitz.com/~/github.com/ngeenx/nx-svelte-svg-loaders-demo?embed=1&file=src/App.svelte&hideExplorer=1&hideNavigation=1&view=preview" style={
   {
     width: '100%',
     height: '500px',

diff --git a/docs/docs/vue/loaders.mdx b/docs/docs/vue/loaders.mdx
@@ -4,9 +4,9 @@ sidebar_position: 2
 
 # 🌀 Loaders
 
-**[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-vue-svg-loaders-demo)**
+**[⚡️ Play on StackBlitz](https://stackblitz.com/~/github.com/ngeenx/nx-vue-svg-loaders-demo)**
 
-<iframe src="https://stackblitz.com/edit/nx-vue-svg-loaders-demo?embed=1&file=src/App.vue&hideExplorer=1&hideNavigation=1&view=preview" style={
+<iframe src="https://stackblitz.com/~/github.com/ngeenx/nx-vue-svg-loaders-demo?embed=1&file=src/App.vue&hideExplorer=1&hideNavigation=1&view=preview" style={
   {
     width: '100%',
     height: '500px',