Skip to content

Commit ec83463

Browse files
authored
Indentation corrections
1 parent a4f9c66 commit ec83463

File tree

1 file changed

+21
-21
lines changed

1 file changed

+21
-21
lines changed

articles/static-web-apps/deploy-nuxtjs.md

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ The following steps show how to link the app you just pushed to GitHub to Azure
121121
1. In the *Region* drop-down, choose a region closest to you.
122122
1. Select **Free** from the SKU drop-down.
123123
124-
:::image type="content" source="media/deploy-nuxtjs/create-static-web-app.png" alt-text="Create Static Web App":::
124+
:::image type="content" source="media/deploy-nuxtjs/create-static-web-app.png" alt-text="Create Static Web App":::
125125
126126
### Add a GitHub repository
127127
@@ -132,7 +132,7 @@ The new Static Web Apps account needs access to the repository with your Nuxt.js
132132
1. Find and select the name of the repository you created earlier.
133133
1. Choose **master** as the branch from the *Branch* drop-down.
134134
135-
:::image type="content" source="media/deploy-nuxtjs/connect-github.png" alt-text="Connect GitHub":::
135+
:::image type="content" source="media/deploy-nuxtjs/connect-github.png" alt-text="Connect GitHub":::
136136
137137
### Configure the build process
138138
@@ -179,34 +179,34 @@ If the page is a dynamic page, for example `_id.vue`, it won't have enough infor
179179

180180
1. Update the _nuxt.config.js_ file so that Nuxt.js uses a list of all available data to generate static pages for each framework/library:
181181

182-
```javascript
183-
import { projects } from "./utils/projectsData";
182+
```javascript
183+
import { projects } from "./utils/projectsData";
184184
185-
export default {
186-
mode: "universal",
185+
export default {
186+
mode: "universal",
187187
188-
//...truncated
188+
//...truncated
189189
190-
generate: {
191-
async routes() {
192-
const paths = [];
190+
generate: {
191+
async routes() {
192+
const paths = [];
193193
194-
projects.forEach(project => {
195-
paths.push(`/project/${project.slug}`);
196-
});
194+
projects.forEach(project => {
195+
paths.push(`/project/${project.slug}`);
196+
});
197197
198-
return paths;
199-
}
200-
}
201-
};
202-
```
198+
return paths;
199+
}
200+
}
201+
};
202+
```
203203
204-
> [!NOTE]
205-
> `routes` is an async function, so you can make a request to an API in this function and use the returned list to generate the paths.
204+
> [!NOTE]
205+
> `routes` is an async function, so you can make a request to an API in this function and use the returned list to generate the paths.
206206
207207
2. Push the new changes to your GitHub repository and wait for a few minutes while GitHub Actions builds your site again. After the build is complete, the 404 error disappears.
208208
209-
:::image type="content" source="media/deploy-nuxtjs/404-in-production-fixed.png" alt-text="404 on dynamic routes fixed":::
209+
:::image type="content" source="media/deploy-nuxtjs/404-in-production-fixed.png" alt-text="404 on dynamic routes fixed":::
210210
211211
> [!div class="nextstepaction"]
212212
> [Set up a custom domain](custom-domain.md)

0 commit comments

Comments
 (0)