diff --git a/website/content/docs/nuxt.md b/website/content/docs/nuxt.md
index 130295e1dc99..75fd6c060922 100644
--- a/website/content/docs/nuxt.md
+++ b/website/content/docs/nuxt.md
@@ -19,6 +19,8 @@ npm run dev
 
 ### Add the Decap CMS files to Nuxt
 
+For nuxt 3 apps and above use the \`public/\` folder instead of \`/static\` which is for nuxt 2.
+
 In the `static/` directory, create a new directory `admin/`. Inside that directory you'll create two files, your `index.html` and a `config.yml`. Per the [Decap CMS documentation](/docs/add-to-your-site/), we'll set the content of `static/admin/index.html` to the following:
 
 ```html
@@ -107,6 +109,8 @@ Now you can go ahead and deploy to Netlify. Go to your Netlify dashboard and cli
 
 You've already added the Netlify Identity widget to our `admin/index.html`. The next thing to do is add the Netlify Identity widget to our site's index page. In `pages/index.vue`, we can add the following to the page `<script>` tag:
 
+#### N﻿uxt 2 apps:
+
 ```javascript
 export default {
   head() {
@@ -117,6 +121,20 @@ export default {
 };
 ```
 
+#### N﻿uxt 3 apps:
+
+```javascript
+<script setup>
+  
+useHead({
+  script: [
+    { src: "https://identity.netlify.com/v1/netlify-identity-widget.js" },
+  ],
+});
+
+</script>
+```
+
 Once you've added this, make sure to push your changes to GitHub!
 
 *More on adding `<script>` tags to `<head>` [here](https://nuxtjs.org/faq/#local-settings).*
@@ -266,4 +284,4 @@ export default {
 };
 ```
 
-To see the generated site, navigate to name-of-your-website.netlify.app/blog
+To see the generated site, navigate to name-of-your-website.netlify.app/blog
\ No newline at end of file
