Skip to content

Commit 3a6cb58

Browse files
fix: style fixes to migration guide
1 parent b3a53a2 commit 3a6cb58

File tree

1 file changed

+19
-19
lines changed

1 file changed

+19
-19
lines changed

src/guide/migration/introduction.md

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -110,22 +110,29 @@ All of our official libraries and tools now support Vue 3, but most of them are
110110

111111
### Vue CLI
112112

113+
<a href="https://www.npmjs.com/package/@vue/cli" target="_blank" noopener noreferrer><img src="https://img.shields.io/npm/v/@vue/cli"></a>
114+
113115
As of v4.5.0, `vue-cli` now provides built-in option to choose Vue 3 preset when creating a new project. You can upgrade `vue-cli` and run `vue create` to create a Vue 3 project today.
114116

117+
- [Documentation](https://cli.vuejs.org/)
118+
- [GitHub](https://github.com/vuejs/vue-cli)
119+
115120
### Vue Router
116121

122+
<a href="https://www.npmjs.com/package/vue-router/v/next" target="_blank" noopener noreferrer><img src="https://img.shields.io/npm/v/vue-router/next.svg"></a>
123+
117124
Vue Router 4.0 provides Vue 3 support and has a number of breaking changes of its own. Check out its [README](https://github.com/vuejs/vue-router-next#vue-router-next-) for full details.
118125

119-
- [![beta](https://img.shields.io/npm/v/vue-router/next.svg)](https://www.npmjs.com/package/vue-router/v/next)
120-
- [Github](https://github.com/vuejs/vue-router-next)
126+
- [GitHub](https://github.com/vuejs/vue-router-next)
121127
- [RFCs](https://github.com/vuejs/rfcs/pulls?q=is%3Apr+is%3Amerged+label%3Arouter)
122128

123129
### Vuex
124130

131+
<a href="https://www.npmjs.com/package/vuex/v/next" target="_blank" noopener noreferrer><img src="https://img.shields.io/npm/v/vuex/next.svg"></a>
132+
125133
Vuex 4.0 provides Vue 3 support with largely the same API as 3.x. The only breaking change is [how the plugin is installed](https://github.com/vuejs/vuex/tree/4.0#breaking-changes).
126134

127-
- [![beta](https://img.shields.io/npm/v/vuex/next.svg)](https://www.npmjs.com/package/vuex/v/next)
128-
- [Github](https://github.com/vuejs/vuex/tree/4.0)
135+
- [GitHub](https://github.com/vuejs/vuex/tree/4.0)
129136

130137
### Devtools Extension
131138

@@ -143,43 +150,36 @@ It is recommended to use [VSCode](https://code.visualstudio.com/) with our offic
143150

144151
### Other Projects
145152

146-
| Project | NPM | Repo |
147-
| ------------------- | --- | ---- |
148-
| @vue/babel-plugin-jsx | [![rc][jsx-badge]][jsx-npm] | [[Github][jsx-code]] |
149-
| eslint-plugin-vue | [![beta][epv-badge]][epv-npm] | [[Github][epv-code]] |
150-
| @vue/test-utils | [![beta][vtu-badge]][vtu-npm] | [[Github][vtu-code]] |
151-
| vue-class-component | [![beta][vcc-badge]][vcc-npm] | [[Github][vcc-code]] |
152-
| vue-loader | [![beta][vl-badge]][vl-npm] | [[Github][vl-code]] |
153-
| rollup-plugin-vue | [![beta][rpv-badge]][rpv-npm] | [[Github][rpv-code]] |
153+
| Project | NPM | Repo |
154+
| --------------------- | ----------------------------- | -------------------- |
155+
| @vue/babel-plugin-jsx | [![rc][jsx-badge]][jsx-npm] | [[GitHub][jsx-code]] |
156+
| eslint-plugin-vue | [![beta][epv-badge]][epv-npm] | [[GitHub][epv-code]] |
157+
| @vue/test-utils | [![beta][vtu-badge]][vtu-npm] | [[GitHub][vtu-code]] |
158+
| vue-class-component | [![beta][vcc-badge]][vcc-npm] | [[GitHub][vcc-code]] |
159+
| vue-loader | [![beta][vl-badge]][vl-npm] | [[GitHub][vl-code]] |
160+
| rollup-plugin-vue | [![beta][rpv-badge]][rpv-npm] | [[GitHub][rpv-code]] |
154161

155162
[jsx-badge]: https://img.shields.io/npm/v/@vue/babel-plugin-jsx.svg
156163
[jsx-npm]: https://www.npmjs.com/package/@vue/babel-plugin-jsx
157164
[jsx-code]: https://github.com/vuejs/jsx-next
158-
159165
[vd-badge]: https://img.shields.io/npm/v/@vue/devtools/beta.svg
160166
[vd-npm]: https://www.npmjs.com/package/@vue/devtools/v/beta
161167
[vd-code]: https://github.com/vuejs/vue-devtools/tree/next
162-
163168
[epv-badge]: https://img.shields.io/npm/v/eslint-plugin-vue/next.svg
164169
[epv-npm]: https://www.npmjs.com/package/eslint-plugin-vue/v/next
165170
[epv-code]: https://github.com/vuejs/eslint-plugin-vue
166-
167171
[vtu-badge]: https://img.shields.io/npm/v/@vue/test-utils/next.svg
168172
[vtu-npm]: https://www.npmjs.com/package/@vue/test-utils/v/next
169173
[vtu-code]: https://github.com/vuejs/vue-test-utils-next
170-
171174
[jsx-badge]: https://img.shields.io/npm/v/@ant-design-vue/babel-plugin-jsx.svg
172175
[jsx-npm]: https://www.npmjs.com/package/@ant-design-vue/babel-plugin-jsx
173176
[jsx-code]: https://github.com/vueComponent/jsx
174-
175177
[vcc-badge]: https://img.shields.io/npm/v/vue-class-component/next.svg
176178
[vcc-npm]: https://www.npmjs.com/package/vue-class-component/v/next
177179
[vcc-code]: https://github.com/vuejs/vue-class-component/tree/next
178-
179180
[vl-badge]: https://img.shields.io/npm/v/vue-loader/next.svg
180181
[vl-npm]: https://www.npmjs.com/package/vue-loader/v/next
181182
[vl-code]: https://github.com/vuejs/vue-loader/tree/next
182-
183183
[rpv-badge]: https://img.shields.io/npm/v/rollup-plugin-vue/next.svg
184184
[rpv-npm]: https://www.npmjs.com/package/rollup-plugin-vue/v/next
185185
[rpv-code]: https://github.com/vuejs/rollup-plugin-vue/tree/next

0 commit comments

Comments
 (0)