@nuxt/docs-nightly 4.4.6-29643347.38507a8c → 4.4.6-29644581.68324cbe

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/1.getting-started/02.installation.md +15 -15
  2. package/4.api/2.composables/use-loading-indicator.md +3 -3
  3. package/package.json +1 -1
package/1.getting-started/02.installation.md CHANGED
@@ -6,33 +6,35 @@ navigation.icon: i-lucide-play
6
6
 
7
7
  ## Play Online
8
8
 
9
- If you just want to play around with Nuxt in your browser without setting up a project, you can use one of our online sandboxes:
9
+ If you just want to play around with Nuxt in your browser without setting up a project, you can use this online sandbox:
10
10
 
11
11
  ::card-group
12
- :card{title="Open on StackBlitz" icon="i-simple-icons-stackblitz" to="https://nuxt.new/s/v4" target="_blank"}
13
- :card{title="Open on CodeSandbox" icon="i-simple-icons-codesandbox" to="https://nuxt.new/c/v4" target="_blank"}
12
+ ::card{title="Open on StackBlitz" color="info" icon="i-simple-icons-stackblitz" to="https://stackblitz.com/github/nuxt/starter?file=app%2Fapp.vue" target="_blank"}
13
+ Online playground with code editor and terminal access.
14
+ ::
14
15
  ::
15
16
 
16
- Or follow the steps below to set up a new Nuxt project on your computer.
17
-
18
17
  ## New Project
19
18
 
19
+ ::steps
20
+
20
21
  ### Prerequisites
21
22
 
22
- - **Node.js** - [`20.x`](https://nodejs.org/en) or newer (but we recommend the [active LTS release](https://github.com/nodejs/release#release-schedule))
23
+ - **Node.js** - [`22.x`](https://nodejs.org/en) or newer (but we recommend the [active LTS release](https://github.com/nodejs/release#release-schedule))
23
24
  - **Text editor** - There is no IDE requirement, but we recommend [Visual Studio Code](https://code.visualstudio.com/) with the [official Vue extension](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously known as Volar) or [WebStorm](https://www.jetbrains.com/webstorm/), which, along with [other JetBrains IDEs](https://www.jetbrains.com/ides/), offers great Nuxt support right out-of-the-box. If you use another editor, such as Neovim, you can configure [Vue Language Server](https://github.com/vuejs/language-tools) support by following the [Vue Language Tools setup guides](https://github.com/vuejs/language-tools/wiki).
24
25
  - **Terminal** - In order to run Nuxt commands
25
26
 
26
- ::note
27
- ::details
28
- :summary[Additional notes for an optimal setup:]
29
- - **Node.js**: Make sure to use an even numbered version (20, 22, etc.)
27
+ ::callout
28
+ ::collapsible{name="additional notes for an optimal setup"}
29
+ - **Node.js**: Make sure to use an even numbered version (22, 24, etc.)
30
30
  - **Neovim**: When configuring the Vue TypeScript plugin, make sure `location` points to the `@vue/language-server` package directory, not its binary. See the [Neovim setup guide](https://github.com/vuejs/language-tools/wiki/Neovim) for a working configuration.
31
31
  - **WSL**: If you are using Windows and experience slow HMR, you may want to try using [WSL (Windows Subsystem for Linux)](https://learn.microsoft.com/en-us/windows/wsl/install) which may solve some performance issues.
32
32
  - **Windows slow DNS resolution**: Instead of using `localhost:3000` for local dev server on Windows, use `127.0.0.1` for much faster loading experience on browsers.
33
33
  ::
34
34
  ::
35
35
 
36
+ ### Create a New Project
37
+
36
38
  Open a terminal (if you're using [Visual Studio Code](https://code.visualstudio.com), you can open an [integrated terminal](https://code.visualstudio.com/docs/terminal/basics)) and use the following command to create a new starter project:
37
39
 
38
40
  ::code-group{sync="pm"}
@@ -59,10 +61,6 @@ deno -A npm:create-nuxt@latest <project-name>
59
61
 
60
62
  ::
61
63
 
62
- ::tip
63
- Alternatively, you can find other starters or themes by opening [nuxt.new](https://nuxt.new) and following the instructions there.
64
- ::
65
-
66
64
  Open your project folder in Visual Studio Code:
67
65
 
68
66
  ```bash [Terminal]
@@ -75,7 +73,7 @@ Or change directory into your new project from your terminal:
75
73
  cd <project-name>
76
74
  ```
77
75
 
78
- ## Development Server
76
+ ### Development Server
79
77
 
80
78
  Now you'll be able to start your Nuxt app in development mode:
81
79
 
@@ -109,6 +107,8 @@ deno run dev -o
109
107
  Well done! A browser window should automatically open for <http://localhost:3000>.
110
108
  ::
111
109
 
110
+ ::
111
+
112
112
  ## Next Steps
113
113
 
114
114
  Now that you've created your Nuxt project, you are ready to start building your application.
package/4.api/2.composables/use-loading-indicator.md CHANGED
@@ -23,17 +23,17 @@ It hooks into [`page:loading:start`](/docs/4.x/api/advanced/hooks#app-hooks-runt
23
23
 
24
24
  ### `isLoading`
25
25
 
26
- - **type**: `Ref<boolean>`
26
+ - **type**: `Readonly<ShallowRef<boolean>>`
27
27
  - **description**: The loading state
28
28
 
29
29
  ### `error`
30
30
 
31
- - **type**: `Ref<boolean>`
31
+ - **type**: `Readonly<ShallowRef<boolean>>`
32
32
  - **description**: The error state
33
33
 
34
34
  ### `progress`
35
35
 
36
- - **type**: `Ref<number>`
36
+ - **type**: `Readonly<ShallowRef<number>>`
37
37
  - **description**: The progress state. From `0` to `100`.
38
38
 
39
39
  ## Methods
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nuxt/docs-nightly",
3
- "version": "4.4.6-29643347.38507a8c",
3
+ "version": "4.4.6-29644581.68324cbe",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/nuxt/nuxt.git",