@@ -35,9 +35,10 @@ module.exports = {
35
35
{
36
36
items : [
37
37
{ text : 'Guide' , link : '/guide/introduction' } ,
38
- { text : 'Examples' , link : '/examples/markdown' } ,
38
+ { text : 'Tutorial' , link : '/tutorial/' } ,
39
+ { text : 'Examples' , link : '/examples/' } ,
39
40
{ text : 'Style Guide' , link : '/style-guide/' } ,
40
- { text : 'Cookbook ' , link : '/cookbook /' } ,
41
+ { text : 'Release & Versioning ' , link : '/release /' } ,
41
42
{
42
43
text : 'Migration from Vue 2' ,
43
44
link : '/guide/migration/introduction'
@@ -55,10 +56,15 @@ module.exports = {
55
56
text : 'Ecosystem' ,
56
57
items : [
57
58
{
59
+ text : 'Resources' ,
58
60
items : [
59
61
{ text : 'Partners' , link : '/community/partners/' } ,
60
62
{ text : 'Themes' , link : '/community/themes/' } ,
61
- { text : 'Jobs' , link : 'https://vuejobs.com/?ref=vuejs' }
63
+ { text : 'Jobs' , link : 'https://vuejobs.com/?ref=vuejs' } ,
64
+ {
65
+ text : 'Awesome Vue' ,
66
+ link : 'https://github.com/vuejs/awesome-vue'
67
+ }
62
68
]
63
69
} ,
64
70
{
@@ -89,16 +95,16 @@ module.exports = {
89
95
{
90
96
text : 'Contribution Guide' ,
91
97
link : '/community/contribution-guide'
92
- } ,
93
- { text : 'Events' , link : 'https://events.vuejs.org/' }
98
+ }
94
99
]
95
100
} ,
96
101
{
97
102
text : 'News' ,
98
103
items : [
99
104
{ text : 'Twitter' , link : 'https://twitter.com/vuejs' } ,
100
105
{ text : 'Newsletter' , link : 'https://news.vuejs.org/' } ,
101
- { text : 'Blog' , link : 'https://blog.vuejs.org/' }
106
+ { text : 'Blog' , link : 'https://blog.vuejs.org/' } ,
107
+ { text : 'Events' , link : 'https://events.vuejs.org/' }
102
108
]
103
109
} ,
104
110
{
@@ -120,17 +126,29 @@ module.exports = {
120
126
sidebar : {
121
127
'/guide/' : [
122
128
{
123
- text : 'Essentials ' ,
129
+ text : 'Getting Started ' ,
124
130
items : [
125
131
{ text : 'Introduction' , link : '/guide/introduction' } ,
126
- { text : 'Installation' , link : '/guide/installation' } ,
127
132
{
128
- text : 'Application & Component Instances' ,
129
- link : '/guide/instance'
133
+ text : 'Pick Your Learning Path' ,
134
+ link : '/guide/pick-your-learning-path'
135
+ } ,
136
+ {
137
+ text : 'Dev Environment Setup' ,
138
+ link : '/guide/dev-environment-setup'
139
+ }
140
+ ]
141
+ } ,
142
+ {
143
+ text : 'Essentials' ,
144
+ items : [
145
+ {
146
+ text : 'Creating a Vue Application' ,
147
+ link : '/guide/creating-a-vue-application'
130
148
} ,
131
149
{ text : 'Template Syntax' , link : '/guide/template-syntax' } ,
132
150
{
133
- text : 'Data Properties and Methods' ,
151
+ text : 'Data and Methods' ,
134
152
link : '/guide/data-methods'
135
153
} ,
136
154
{
@@ -145,6 +163,7 @@ module.exports = {
145
163
{ text : 'List Rendering' , link : '/guide/list' } ,
146
164
{ text : 'Event Handling' , link : '/guide/events' } ,
147
165
{ text : 'Form Input Bindings' , link : '/guide/forms' } ,
166
+ { text : 'Template Refs' , link : '/guide/template-refs' } ,
148
167
{ text : 'Components Basics' , link : '/guide/component-basics' }
149
168
]
150
169
} ,
@@ -164,43 +183,30 @@ module.exports = {
164
183
link : '/guide/component-provide-inject'
165
184
} ,
166
185
{
167
- text : 'Dynamic & Async Components' ,
168
- link : '/guide/component-dynamic-async '
186
+ text : 'Dynamic Components' ,
187
+ link : '/guide/component-dynamic'
169
188
} ,
170
- { text : 'Template refs' , link : '/guide/component-template-refs' } ,
171
189
{
172
- text : 'Handling Edge Cases ' ,
173
- link : '/guide/component-edge-cases '
190
+ text : 'Async Components ' ,
191
+ link : '/guide/component-async '
174
192
}
175
193
]
176
194
} ,
177
- {
178
- text : 'Transitions & Animation' ,
179
- items : [
180
- { text : 'Overview' , link : '/guide/transitions-overview' } ,
181
- {
182
- text : 'Enter & Leave Transitions' ,
183
- link : '/guide/transitions-enterleave'
184
- } ,
185
- { text : 'List Transitions' , link : '/guide/transitions-list' } ,
186
- { text : 'State Transitions' , link : '/guide/transitions-state' }
187
- ]
188
- } ,
189
- {
190
- text : 'Reusability' ,
191
- items : [
192
- { text : 'Mixins' , link : '/guide/mixins' } ,
193
- { text : 'Custom Directives' , link : '/guide/custom-directive' }
194
- ]
195
- } ,
196
195
{
197
196
text : 'Composition API' ,
198
197
items : [
199
198
{
200
199
text : 'Introduction' ,
201
200
link : '/guide/composition-api-introduction'
202
201
} ,
203
- { text : 'Setup' , link : '/guide/composition-api-setup' } ,
202
+ {
203
+ text : 'Reactivity Fundamentals' ,
204
+ link : '/guide/reactivity-fundamentals'
205
+ } ,
206
+ {
207
+ text : 'Computed and Watch' ,
208
+ link : '/guide/reactivity-computed-watchers'
209
+ } ,
204
210
{
205
211
text : 'Lifecycle Hooks' ,
206
212
link : '/guide/composition-api-lifecycle-hooks'
@@ -216,62 +222,77 @@ module.exports = {
216
222
]
217
223
} ,
218
224
{
219
- text : 'Advanced ' ,
225
+ text : 'Built-in Components ' ,
220
226
items : [
227
+ { text : 'Transition' , link : '/guide/transition' } ,
228
+ { text : 'TransitionGroup' , link : '/guide/transition-group' } ,
221
229
{ text : 'Teleport' , link : '/guide/teleport' } ,
222
- { text : 'Render Function ' , link : '/guide/render-function ' } ,
223
- { text : 'Plugins ' , link : '/guide/plugins ' }
230
+ { text : 'Suspense ' , link : '/guide/suspense ' } ,
231
+ { text : 'KeepAlive ' , link : '/guide/keep-alive ' }
224
232
]
225
233
} ,
226
234
{
227
- text : 'Digging Deeper ' ,
235
+ text : 'Reusability ' ,
228
236
items : [
229
- { text : 'Reactivity in Depth' , link : '/guide/reactivity' } ,
230
- {
231
- text : 'Reactivity Fundamentals' ,
232
- link : '/guide/reactivity-fundamentals'
233
- } ,
234
- {
235
- text : 'Reactivity in Computed and Watch' ,
236
- link : '/guide/reactivity-computed-watchers'
237
- } ,
238
- {
239
- text : 'Rendering Mechanisms and Optimizations' ,
240
- link : '/guide/optimizations'
241
- }
237
+ { text : 'Custom Directives' , link : '/guide/custom-directive' } ,
238
+ { text : 'Plugins' , link : '/guide/plugins' }
242
239
]
243
240
} ,
244
241
{
245
- text : 'Tooling ' ,
242
+ text : 'Scaling Up ' ,
246
243
items : [
247
244
{
248
- text : 'Single File Components ' ,
249
- link : '/guide/single-file-component '
245
+ text : 'Tooling & Integrations ' ,
246
+ link : '/guide/tooling '
250
247
} ,
248
+ { text : 'TypeScript' , link : '/guide/typescript' } ,
249
+ { text : 'Routing' , link : '/guide/routing' } ,
250
+ { text : 'State Management' , link : '/guide/state-management' } ,
251
251
{ text : 'Testing' , link : '/guide/testing' } ,
252
- { text : 'TypeScript Support' , link : '/guide/typescript-support' } ,
253
- { text : 'Mobile' , link : '/guide/mobile' } ,
254
252
{
255
- text : 'Production Deployment ' ,
256
- link : '/guide/tooling/deployment '
253
+ text : 'Performance ' ,
254
+ link : '/guide/perf '
257
255
}
258
256
]
259
257
} ,
260
258
{
261
- text : 'Scaling Up' ,
262
- items : [
263
- { text : 'Routing' , link : '/guide/routing' } ,
264
- { text : 'State Management' , link : '/guide/state-management' } ,
265
- { text : 'Server-Side Rendering' , link : '/guide/ssr' }
266
- ]
267
- } ,
268
- {
269
- text : 'Accessibility' ,
259
+ text : 'Advanced Topics' ,
270
260
items : [
271
- { text : 'Basics' , link : '/guide/a11y-basics' } ,
272
- { text : 'Semantics' , link : '/guide/a11y-semantics' } ,
273
- { text : 'Standards' , link : '/guide/a11y-standards' } ,
274
- { text : 'Resources' , link : '/guide/a11y-resources' }
261
+ {
262
+ text : 'Security' ,
263
+ link : '/guide/security'
264
+ } ,
265
+ {
266
+ text : 'Accessibility' ,
267
+ link : '/guide/a11y'
268
+ } ,
269
+ { text : 'Reactivity in Depth' , link : '/guide/reactivity' } ,
270
+ {
271
+ text : 'Reactivity Debugging' ,
272
+ link : '/guide/debugging'
273
+ } ,
274
+ { text : 'Render Function & JSX' , link : '/guide/render-function' } ,
275
+ { text : 'Server-Side Rendering' , link : '/guide/ssr' } ,
276
+ {
277
+ text : 'State-based Animations' ,
278
+ link : '/guide/animation'
279
+ } ,
280
+ {
281
+ text : 'Render Mechanism & Optimizations' ,
282
+ link : '/guide/optimizations'
283
+ } ,
284
+ {
285
+ text : 'Building a Library for Vue' ,
286
+ link : '/guide/building-a-library'
287
+ } ,
288
+ {
289
+ text : 'Vue and Web Components' ,
290
+ link : '/guide/vue-and-web-components'
291
+ } ,
292
+ {
293
+ text : 'Vue for React Devs' ,
294
+ link : '/guide/vue-for-react-devs'
295
+ }
275
296
]
276
297
}
277
298
] ,
@@ -305,7 +326,7 @@ module.exports = {
305
326
items : [
306
327
{ text : 'setup()' , link : '/api/composition-setup' } ,
307
328
{ text : 'Reactivity' , link : '/api/composition-reactivity' } ,
308
- { text : 'Lifecycle' , link : '/api/composition-lifecycle' }
329
+ { text : 'Lifecycle Hooks ' , link : '/api/composition-lifecycle' }
309
330
]
310
331
} ,
311
332
{
@@ -320,6 +341,7 @@ module.exports = {
320
341
text : 'Single File Component' ,
321
342
items : [
322
343
{ text : 'Specification' , link : '/api/sfc-spec' } ,
344
+ { text : 'Tooling' , link : '/api/sfc-tooling' } ,
323
345
{ text : '<script setup>' , link : '/api/sfc-script-setup' } ,
324
346
{ text : '<style> Features' , link : '/api/sfc-style' }
325
347
]
@@ -329,11 +351,11 @@ module.exports = {
329
351
items : [ { text : 'Utility Types' , link : '/api/types-utility' } ]
330
352
} ,
331
353
{
332
- text : 'Advanced' ,
354
+ text : 'Advanced APIs ' ,
333
355
items : [
334
- { text : 'Render Function Helpers ' , link : '/api/render-function' } ,
335
- { text : 'Compiler Transforms ' , link : '/api/compiler' } ,
336
- { text : 'Server-Side Rendering ' , link : '/api/ssr' } ,
356
+ { text : 'Render Function' , link : '/api/render-function' } ,
357
+ { text : 'Compiler' , link : '/api/compiler' } ,
358
+ { text : 'SSR ' , link : '/api/ssr' } ,
337
359
{ text : 'Custom Renderer' , link : '/api/custom-renderer' }
338
360
]
339
361
}
0 commit comments