diff --git a/examples/tutorials/astro.md b/examples/tutorials/astro.md
index 965a5eb2d..b75a7a49d 100644
--- a/examples/tutorials/astro.md
+++ b/examples/tutorials/astro.md
@@ -104,6 +104,23 @@ We can start the Astro server with `deno task dev`:
 
 ![Getting the Astro app to work](./images/how-to/astro/hello-astro.png)
 
+## Configure the formatter
+
+`deno fmt` supports Astro files with the
+[`--unstable-component`](https://docs.deno.com/runtime/reference/cli/fmt/#formatting-options-unstable-component)
+flag. To use it, run this command:
+
+```sh
+deno fmt --unstable-component
+```
+
+To configure `deno fmt` to always format your Astro files, add this at the top
+level of your `deno.json` file:
+
+```json
+"unstable": ["fmt-component"]
+```
+
 ## Update index page to list all dinosaurs
 
 Our app will display facts about a variety of dinosaurs. The first page to
diff --git a/examples/tutorials/vue.md b/examples/tutorials/vue.md
index 50ff59a2d..04e2a35ee 100644
--- a/examples/tutorials/vue.md
+++ b/examples/tutorials/vue.md
@@ -46,6 +46,23 @@ deno task dev
 Deno will run the `dev` task from the `package.json` file which will start the
 Vite server. Click the output link to localhost to see your app in the browser.
 
+## Configure the formatter
+
+`deno fmt` supports Vue files with the
+[`--unstable-component`](https://docs.deno.com/runtime/reference/cli/fmt/#formatting-options-unstable-component)
+flag. To use it, run this command:
+
+```sh
+deno fmt --unstable-component
+```
+
+To configure `deno fmt` to always format your Vue files, add this at the top
+level of your `deno.json` file:
+
+```json
+"unstable": ["fmt-component"]
+```
+
 ## Add a backend
 
 The next step is to add a backend API. We'll create a very simple API that