Update docs

docs/guide/configuration.md

@@ -57,3 +57,10 @@ Specifies the file name of the snippet that loads your assets.
 - **Default:** `false`
 
 Specifies whether to append version numbers to your production-ready asset URLs in [`snippetFile`](/guide/configuration.html#snippetfile).
+
+## tunnel
+
+- **Type:** `boolean | string`
+- **Default:** `false`
+
+Enables the creation of Cloudflare tunnels during dev, allowing previews from any device.

docs/guide/troubleshooting.md

@@ -63,3 +63,24 @@ export default {
   ]
 }
 ```
+
+## Use ngrok for tunneling during theme development
+
+If you are experiencing Cloudflare tunnel errors with the Shopify Vite Plugin, you can use ngrok as a workaround.
+First, create an ngrok account and install the ngrok CLI, then follow their instructions to set up your access token.
+Next, run the command `ngrok http 3000` (or any other port number you prefer) and take note of the URL
+provided by ngrok, which ends with `ngrok-free.app`. Keep ngrok running. Finally, configure the plugin.
+
+::: code-group
+
+```js [vite.config.js]
+import shopify from 'vite-plugin-shopify'
+
+export default {
+  plugins: [
+    shopify({
+      tunnel: 'https://123abc.ngrok-free.app:3000' // [!code ++]
+    })
+  ]
+}
+```

packages/vite-plugin-shopify/README.md

@@ -45,7 +45,9 @@ export default {
       // Specifies the file name of the snippet that loads your assets
       snippetFile: 'vite-tag.liquid',
      // Specifies whether to append version numbers to your production-ready asset URLs in `snippetFile`
-      versionNumbers: false
+      versionNumbers: false,
+     // Enables the creation of Cloudflare tunnels during dev, allowing previews from any device
+      tunnel: false
     })
   ]
 }