docs: add StackBlitz button (#28)

vite-pwa · Oct 27, 2023 · fb28672 · fb28672
1 parent 92fe8fc
commit fb28672
Showing 1 changed file with 27 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -78,11 +78,33 @@ this plugin.
 ## ⚡️ Examples
 
 You need to stop the dev server once started and then run `npm run build && npm run preview` to see the PWA in action.
-
-| Example                 | Source                                                                                     | Playground                                                                                     |
-|-------------------------|--------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------|
-| `Auto Update PWA`       | [GitHub](https://github.com/vite-pwa/astro/tree/main/examples/pwa-simple)               | [Play Online](https://stackblitz.com/fork/github/vite-pwa/astro/tree/main/examples/pwa-simple) |
-| `Prompt for Update PWA` | [GitHub](https://github.com/vite-pwa/astro/tree/main/examples/pwa-prompt)               | [Play Online](https://stackblitz.com/fork/github/vite-pwa/astro/tree/main/examples/pwa-prompt) |
+<table>
+<thead>
+<tr>
+<th>Example</th>
+<th>Source</th>
+<th>Playground</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>Auto Update PWA</code></td>
+<td><a href="https://github.com/vite-pwa/astro/tree/main/examples/pwa-simple">GitHub</a></td>
+<td>
+<a href="https://stackblitz.com/fork/github/vite-pwa/astro/tree/main/examples/pwa-simple" target="_blank" rel="noopener noreferrer">
+  <img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt="Open in StackBlitz" width="162" height="32">
+</a>
+</tr>
+<tr>
+<td><code>Prompt for Update PWA</code></td>
+<td><a href="https://github.com/vite-pwa/astro/tree/main/examples/pwa-prompt">GitHub</a></td>
+<td>
+<a href="https://stackblitz.com/fork/github/vite-pwa/astro/tree/main/examples/pwa-prompt" target="_blank" rel="noopener noreferrer">
+  <img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt="Open in StackBlitz" width="162" height="32">
+</a>
+</tr>
+</tbody>
+</table>
 
 ## 👀 Full config