Skip to content

Commit 272db0b

Browse files
committed
wip: save
1 parent 16ee0d1 commit 272db0b

File tree

11 files changed

+411
-439
lines changed

11 files changed

+411
-439
lines changed

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,3 +101,4 @@ dist/
101101
# Temporary folders
102102
tmp/
103103
temp/
104+
TODOs.md

src/.vitepress/config.js

Lines changed: 100 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -35,9 +35,10 @@ module.exports = {
3535
{
3636
items: [
3737
{ text: 'Guide', link: '/guide/introduction' },
38-
{ text: 'Examples', link: '/examples/markdown' },
38+
{ text: 'Tutorial', link: '/tutorial/' },
39+
{ text: 'Examples', link: '/examples/' },
3940
{ text: 'Style Guide', link: '/style-guide/' },
40-
{ text: 'Cookbook', link: '/cookbook/' },
41+
{ text: 'Release & Versioning', link: '/release/' },
4142
{
4243
text: 'Migration from Vue 2',
4344
link: '/guide/migration/introduction'
@@ -55,10 +56,15 @@ module.exports = {
5556
text: 'Ecosystem',
5657
items: [
5758
{
59+
text: 'Resources',
5860
items: [
5961
{ text: 'Partners', link: '/community/partners/' },
6062
{ 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+
}
6268
]
6369
},
6470
{
@@ -89,16 +95,16 @@ module.exports = {
8995
{
9096
text: 'Contribution Guide',
9197
link: '/community/contribution-guide'
92-
},
93-
{ text: 'Events', link: 'https://events.vuejs.org/' }
98+
}
9499
]
95100
},
96101
{
97102
text: 'News',
98103
items: [
99104
{ text: 'Twitter', link: 'https://twitter.com/vuejs' },
100105
{ 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/' }
102108
]
103109
},
104110
{
@@ -120,17 +126,29 @@ module.exports = {
120126
sidebar: {
121127
'/guide/': [
122128
{
123-
text: 'Essentials',
129+
text: 'Getting Started',
124130
items: [
125131
{ text: 'Introduction', link: '/guide/introduction' },
126-
{ text: 'Installation', link: '/guide/installation' },
127132
{
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'
130148
},
131149
{ text: 'Template Syntax', link: '/guide/template-syntax' },
132150
{
133-
text: 'Data Properties and Methods',
151+
text: 'Data and Methods',
134152
link: '/guide/data-methods'
135153
},
136154
{
@@ -145,6 +163,7 @@ module.exports = {
145163
{ text: 'List Rendering', link: '/guide/list' },
146164
{ text: 'Event Handling', link: '/guide/events' },
147165
{ text: 'Form Input Bindings', link: '/guide/forms' },
166+
{ text: 'Template Refs', link: '/guide/template-refs' },
148167
{ text: 'Components Basics', link: '/guide/component-basics' }
149168
]
150169
},
@@ -164,43 +183,30 @@ module.exports = {
164183
link: '/guide/component-provide-inject'
165184
},
166185
{
167-
text: 'Dynamic & Async Components',
168-
link: '/guide/component-dynamic-async'
186+
text: 'Dynamic Components',
187+
link: '/guide/component-dynamic'
169188
},
170-
{ text: 'Template refs', link: '/guide/component-template-refs' },
171189
{
172-
text: 'Handling Edge Cases',
173-
link: '/guide/component-edge-cases'
190+
text: 'Async Components',
191+
link: '/guide/component-async'
174192
}
175193
]
176194
},
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-
},
196195
{
197196
text: 'Composition API',
198197
items: [
199198
{
200199
text: 'Introduction',
201200
link: '/guide/composition-api-introduction'
202201
},
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+
},
204210
{
205211
text: 'Lifecycle Hooks',
206212
link: '/guide/composition-api-lifecycle-hooks'
@@ -216,62 +222,77 @@ module.exports = {
216222
]
217223
},
218224
{
219-
text: 'Advanced',
225+
text: 'Built-in Components',
220226
items: [
227+
{ text: 'Transition', link: '/guide/transition' },
228+
{ text: 'TransitionGroup', link: '/guide/transition-group' },
221229
{ 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' }
224232
]
225233
},
226234
{
227-
text: 'Digging Deeper',
235+
text: 'Reusability',
228236
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' }
242239
]
243240
},
244241
{
245-
text: 'Tooling',
242+
text: 'Scaling Up',
246243
items: [
247244
{
248-
text: 'Single File Components',
249-
link: '/guide/single-file-component'
245+
text: 'Tooling & Integrations',
246+
link: '/guide/tooling'
250247
},
248+
{ text: 'TypeScript', link: '/guide/typescript' },
249+
{ text: 'Routing', link: '/guide/routing' },
250+
{ text: 'State Management', link: '/guide/state-management' },
251251
{ text: 'Testing', link: '/guide/testing' },
252-
{ text: 'TypeScript Support', link: '/guide/typescript-support' },
253-
{ text: 'Mobile', link: '/guide/mobile' },
254252
{
255-
text: 'Production Deployment',
256-
link: '/guide/tooling/deployment'
253+
text: 'Performance',
254+
link: '/guide/perf'
257255
}
258256
]
259257
},
260258
{
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',
270260
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+
}
275296
]
276297
}
277298
],
@@ -305,7 +326,7 @@ module.exports = {
305326
items: [
306327
{ text: 'setup()', link: '/api/composition-setup' },
307328
{ text: 'Reactivity', link: '/api/composition-reactivity' },
308-
{ text: 'Lifecycle', link: '/api/composition-lifecycle' }
329+
{ text: 'Lifecycle Hooks', link: '/api/composition-lifecycle' }
309330
]
310331
},
311332
{
@@ -320,6 +341,7 @@ module.exports = {
320341
text: 'Single File Component',
321342
items: [
322343
{ text: 'Specification', link: '/api/sfc-spec' },
344+
{ text: 'Tooling', link: '/api/sfc-tooling' },
323345
{ text: '<script setup>', link: '/api/sfc-script-setup' },
324346
{ text: '<style> Features', link: '/api/sfc-style' }
325347
]
@@ -329,11 +351,11 @@ module.exports = {
329351
items: [{ text: 'Utility Types', link: '/api/types-utility' }]
330352
},
331353
{
332-
text: 'Advanced',
354+
text: 'Advanced APIs',
333355
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' },
337359
{ text: 'Custom Renderer', link: '/api/custom-renderer' }
338360
]
339361
}

0 commit comments

Comments
 (0)