From 95a8c8cae001d063dbc6befcc2ff4f1e0e715ee4 Mon Sep 17 00:00:00 2001 From: vue-bot Date: Tue, 5 Mar 2019 16:44:08 -0500 Subject: [PATCH 001/492] chore: update sponsors (#2045) --- themes/vue/_config.yml | 12 ------------ 1 file changed, 12 deletions(-) diff --git a/themes/vue/_config.yml b/themes/vue/_config.yml index ba7ddaa954..7b10d3e274 100644 --- a/themes/vue/_config.yml +++ b/themes/vue/_config.yml @@ -63,15 +63,9 @@ gold_sponsors: - url: 'https://vuejobs.com/?ref=vuejs' img: vuejobs.png name: VueJobs - - url: 'https://www.valuecoders.com' - img: valuecoders.png - name: ValueCoders - url: 'https://tidelift.com/subscription/npm/vue' img: tidelift.png name: Tidelift - - url: 'https://webdock.io/en' - img: webdock.png - name: Webdock - url: >- http://www.syncfusion.com/?utm_source=vuejs&utm_medium=list&utm_campaign=vuejsjslistcy19 img: syncfusion.png @@ -100,9 +94,6 @@ gold_sponsors: - url: 'https://yakaz.com/' img: yakaz.png name: Yakaz - - url: 'https://www.bacancytechnology.com' - img: bacancy_technology.png - name: Bacancy Technology - url: 'https://passionatepeople.io/' img: passionate_people.png name: Passionate People @@ -117,9 +108,6 @@ bronze_sponsors: - url: 'http://tighten.co/' img: tighten_co.png name: Tighten.co - - url: 'https://alligator.io' - img: alligator_io.svg - name: Alligator.io - url: 'https://www.accelebrate.com/' img: accelebrate.png name: Accelebrate From 29a8f0f9f21a6182d219929f352e8de829417de3 Mon Sep 17 00:00:00 2001 From: Natalia Tepluhina Date: Wed, 6 Mar 2019 16:48:55 +0200 Subject: [PATCH 002/492] fix: append search dropdown to body (#2047) --- themes/vue/layout/layout.ejs | 3 ++- themes/vue/source/css/search.styl | 4 ++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/themes/vue/layout/layout.ejs b/themes/vue/layout/layout.ejs index 77b6689743..77d6c378a8 100644 --- a/themes/vue/layout/layout.ejs +++ b/themes/vue/layout/layout.ejs @@ -119,7 +119,8 @@ apiKey: '85cc3221c9f23bfbaa4e3913dd7625ea', indexName: 'vuejs', inputSelector: selector, - algoliaOptions: { facetFilters: ["version:" + version] } + algoliaOptions: { facetFilters: ["version:" + version] }, + autocompleteOptions: { hint: false, appendTo: 'body'} }) }) diff --git a/themes/vue/source/css/search.styl b/themes/vue/source/css/search.styl index 33d38ede62..1d3499ca83 100644 --- a/themes/vue/source/css/search.styl +++ b/themes/vue/source/css/search.styl @@ -2,6 +2,10 @@ $border = #ddd +@media (max-width: 900px) + .algolia-autocomplete + position: fixed!important + .algolia-autocomplete line-height: normal From 00514e7a50f67f0c6d3b7d9d27af30f7ff5515af Mon Sep 17 00:00:00 2001 From: GU Yiling Date: Sat, 9 Mar 2019 20:25:19 +0800 Subject: [PATCH 003/492] Update page.styl (#2054) --- themes/vue/source/css/page.styl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/vue/source/css/page.styl b/themes/vue/source/css/page.styl index c80a2ed9d6..4feaf20c7e 100644 --- a/themes/vue/source/css/page.styl +++ b/themes/vue/source/css/page.styl @@ -40,7 +40,7 @@ font-size: .9em color: #fff margin: .2em 0 - width: 180px + width: 200px text-align: center padding: 12px 24px display: inline-block From 43ee479a4b85a9665f987c830297ba171c923e29 Mon Sep 17 00:00:00 2001 From: Eido95 Date: Sun, 10 Mar 2019 20:34:28 +0200 Subject: [PATCH 004/492] Clarify computed properties reactive dependencies (#2044) --- src/v2/guide/computed.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/v2/guide/computed.md b/src/v2/guide/computed.md index 3b7fedd22d..a13949cb52 100644 --- a/src/v2/guide/computed.md +++ b/src/v2/guide/computed.md @@ -94,7 +94,7 @@ methods: { } ``` -Instead of a computed property, we can define the same function as a method instead. For the end result, the two approaches are indeed exactly the same. However, the difference is that **computed properties are cached based on their dependencies.** A computed property will only re-evaluate when some of its dependencies have changed. This means as long as `message` has not changed, multiple access to the `reversedMessage` computed property will immediately return the previously computed result without having to run the function again. +Instead of a computed property, we can define the same function as a method instead. For the end result, the two approaches are indeed exactly the same. However, the difference is that **computed properties are cached based on their reactive dependencies.** A computed property will only re-evaluate when some of its reactive dependencies have changed. This means as long as `message` has not changed, multiple access to the `reversedMessage` computed property will immediately return the previously computed result without having to run the function again. This also means the following computed property will never update, because `Date.now()` is not a reactive dependency: From ef17a922e6b9f8c7b23916befa18b3ae0a4cb17b Mon Sep 17 00:00:00 2001 From: vue-bot Date: Mon, 11 Mar 2019 19:08:49 -0400 Subject: [PATCH 005/492] chore: update sponsors (#2055) --- themes/vue/_config.yml | 3 +++ themes/vue/source/images/bestvpn_co.png | Bin 0 -> 24080 bytes 2 files changed, 3 insertions(+) create mode 100644 themes/vue/source/images/bestvpn_co.png diff --git a/themes/vue/_config.yml b/themes/vue/_config.yml index 7b10d3e274..55ffea1c50 100644 --- a/themes/vue/_config.yml +++ b/themes/vue/_config.yml @@ -97,6 +97,9 @@ gold_sponsors: - url: 'https://passionatepeople.io/' img: passionate_people.png name: Passionate People + - url: 'https://www.bestvpn.co/' + img: bestvpn_co.png + name: BestVPN.co silver_sponsors: - url: 'https://dopamine.bg/' img: dopamine.png diff --git a/themes/vue/source/images/bestvpn_co.png b/themes/vue/source/images/bestvpn_co.png new file mode 100644 index 0000000000000000000000000000000000000000..b86c581116c614c649a7d0f83675befb7e63455d GIT binary patch literal 24080 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 Date: Tue, 12 Mar 2019 01:41:08 -0400 Subject: [PATCH 006/492] chore: update sponsors (#2057) --- themes/vue/_config.yml | 3 +++ themes/vue/source/images/shopware_ag.svg | 1 + 2 files changed, 4 insertions(+) create mode 100644 themes/vue/source/images/shopware_ag.svg diff --git a/themes/vue/_config.yml b/themes/vue/_config.yml index 55ffea1c50..e9d0ebbd92 100644 --- a/themes/vue/_config.yml +++ b/themes/vue/_config.yml @@ -100,6 +100,9 @@ gold_sponsors: - url: 'https://www.bestvpn.co/' img: bestvpn_co.png name: BestVPN.co + - url: 'http://en.shopware.com/' + img: shopware_ag.svg + name: shopware AG silver_sponsors: - url: 'https://dopamine.bg/' img: dopamine.png diff --git a/themes/vue/source/images/shopware_ag.svg b/themes/vue/source/images/shopware_ag.svg new file mode 100644 index 0000000000..78976031cc --- /dev/null +++ b/themes/vue/source/images/shopware_ag.svg @@ -0,0 +1 @@ +sw-logo-blue \ No newline at end of file From c162b079648ad7794d61b4e904d947fc40a9c165 Mon Sep 17 00:00:00 2001 From: Alexey Antipov Date: Fri, 15 Mar 2019 08:30:22 +0100 Subject: [PATCH 007/492] fix: use new slot syntax instead of deprecated one (#2060) * fix: use new slot syntax instead of deprecated one * fix: amend the note --- src/v2/api/index.md | 20 +++++++++++--------- src/v2/guide/render-function.md | 2 +- 2 files changed, 12 insertions(+), 10 deletions(-) diff --git a/src/v2/api/index.md b/src/v2/api/index.md index bf5b600a1b..4b8fa0a7e1 100644 --- a/src/v2/api/index.md +++ b/src/v2/api/index.md @@ -1385,7 +1385,9 @@ type: api - **Details:** - Used to programmatically access content [distributed by slots](../guide/components.html#Content-Distribution-with-Slots). Each [named slot](../guide/components.html#Named-Slots) has its own corresponding property (e.g. the contents of `slot="foo"` will be found at `vm.$slots.foo`). The `default` property contains any nodes not included in a named slot. + Used to programmatically access content [distributed by slots](../guide/components.html#Content-Distribution-with-Slots). Each [named slot](../guide/components.html#Named-Slots) has its own corresponding property (e.g. the contents of `v-slot:foo` will be found at `vm.$slots.foo`). The `default` property contains either nodes not included in a named slot or contents of `v-slot:default`. + + **Note:** `v-slot:foo` is supported in v2.6+. For older versions, you can use the [deprecated syntax](../guide/components-slots.html#Deprecated-Syntax). Accessing `vm.$slots` is most useful when writing a component with a [render function](../guide/render-function.html). @@ -1393,15 +1395,15 @@ type: api ```html -

- About Me -

+

Here's some page content, which will be included in vm.$slots.default, because it's not inside a named slot.

-

- Copyright 2016 Evan You -

+

If I have some content down here, it will also be included in vm.$slots.default.

. @@ -1423,7 +1425,7 @@ type: api ``` - **See also:** - - [`` Component](#slot-1) + - [`` Component](#slot) - [Content Distribution with Slots](../guide/components.html#Content-Distribution-with-Slots) - [Render Functions - Slots](../guide/render-function.html#Slots) @@ -1448,7 +1450,7 @@ type: api 2. All `$slots` are now also exposed on `$scopedSlots` as functions. If you work with render functions, it is now recommended to always access slots via `$scopedSlots`, whether they currently use a scope or not. This will not only make future refactors to add a scope simpler, but also ease your eventual migration to Vue 3, where all slots will be functions. - **See also:** - - [`` Component](#slot-1) + - [`` Component](#slot) - [Scoped Slots](../guide/components.html#Scoped-Slots) - [Render Functions - Slots](../guide/render-function.html#Slots) diff --git a/src/v2/guide/render-function.md b/src/v2/guide/render-function.md index 91076c66b3..ba848980b6 100644 --- a/src/v2/guide/render-function.md +++ b/src/v2/guide/render-function.md @@ -82,7 +82,7 @@ Vue.component('anchored-heading', { }) ``` -Much simpler! Sort of. The code is shorter, but also requires greater familiarity with Vue instance properties. In this case, you have to know that when you pass children without a `slot` attribute into a component, like the `Hello world!` inside of `anchored-heading`, those children are stored on the component instance at `$slots.default`. If you haven't already, **it's recommended to read through the [instance properties API](../api/#Instance-Properties) before diving into render functions.** +Much simpler! Sort of. The code is shorter, but also requires greater familiarity with Vue instance properties. In this case, you have to know that when you pass children without a `v-slot` directive into a component, like the `Hello world!` inside of `anchored-heading`, those children are stored on the component instance at `$slots.default`. If you haven't already, **it's recommended to read through the [instance properties API](../api/#Instance-Properties) before diving into render functions.** ## Nodes, Trees, and the Virtual DOM From 9772d91cefcf718ca00a27a70477bdf8db34c513 Mon Sep 17 00:00:00 2001 From: Johannes Ewald Date: Sat, 16 Mar 2019 18:55:01 +0100 Subject: [PATCH 008/492] fix: replace deprecated slot syntax in render-function.md (#2065) --- src/v2/guide/render-function.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/v2/guide/render-function.md b/src/v2/guide/render-function.md index ba848980b6..3c34501a05 100644 --- a/src/v2/guide/render-function.md +++ b/src/v2/guide/render-function.md @@ -626,7 +626,7 @@ You may wonder why we need both `slots()` and `children`. Wouldn't `slots().defa ``` html -

+

first

second

From c46d373a7d8cf63a24cd9924b901ba56ecde05a0 Mon Sep 17 00:00:00 2001 From: Marc Donovan Date: Mon, 18 Mar 2019 03:53:41 -0600 Subject: [PATCH 009/492] update index.md (#2066) --- src/v2/style-guide/index.md | 9 --------- 1 file changed, 9 deletions(-) diff --git a/src/v2/style-guide/index.md b/src/v2/style-guide/index.md index de3ef4ff0e..8ebeb9aca6 100644 --- a/src/v2/style-guide/index.md +++ b/src/v2/style-guide/index.md @@ -1739,15 +1739,6 @@ By default, Vue updates the DOM as efficiently as possible. That means when swit {{ results }} ``` - -``` html -

- Error: {{ error }} -

-
- {{ results }} -
-``` {% raw %}{% endraw %} From 933d5018c53d269dbd42c97171ef0859c8615057 Mon Sep 17 00:00:00 2001 From: Victor Date: Wed, 20 Mar 2019 08:17:42 -0400 Subject: [PATCH 010/492] chore: Fix syntax in style guide examples (#2071) --- src/v2/style-guide/index.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/v2/style-guide/index.md b/src/v2/style-guide/index.md index 8ebeb9aca6..0611ce977d 100644 --- a/src/v2/style-guide/index.md +++ b/src/v2/style-guide/index.md @@ -331,7 +331,7 @@ When Vue processes directives, `v-for` has a higher priority than `v-if`, so tha :key="user.id" > {{ user.name }} -
  • +
    • ``` @@ -366,7 +366,7 @@ computed: { :key="user.id" > {{ user.name }} -
  • +
    • ``` @@ -386,7 +386,7 @@ We get similar benefits from updating: :key="user.id" > {{ user.name }} -
  • +
    • ``` @@ -399,7 +399,7 @@ to: :key="user.id" > {{ user.name }} -
  • +
    • ``` @@ -418,7 +418,7 @@ By moving the `v-if` to a container element, we're no longer checking `shouldSho :key="user.id" > {{ user.name }} -
  • +
    • ``` @@ -430,7 +430,7 @@ By moving the `v-if` to a container element, we're no longer checking `shouldSho :key="user.id" > {{ user.name }} -
  • +
    • ``` {% raw %}{% endraw %} @@ -445,7 +445,7 @@ By moving the `v-if` to a container element, we're no longer checking `shouldSho :key="user.id" > {{ user.name }} -
  • +
    • ``` @@ -456,7 +456,7 @@ By moving the `v-if` to a container element, we're no longer checking `shouldSho :key="user.id" > {{ user.name }} -
  • +
    • ``` {% raw %}{% endraw %} From 852056aa07946899a08ea667ce637c7c436a123a Mon Sep 17 00:00:00 2001 From: Suhwan Cha Date: Thu, 21 Mar 2019 16:11:36 +0900 Subject: [PATCH 011/492] header background color fix (#2076) --- themes/vue/source/css/page.styl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/vue/source/css/page.styl b/themes/vue/source/css/page.styl index 4feaf20c7e..1f00cecabd 100644 --- a/themes/vue/source/css/page.styl +++ b/themes/vue/source/css/page.styl @@ -195,7 +195,7 @@ @media screen and (min-width: 1590px) #header - background-color: rgba(255,255,255,.4) + background-color: #fff; @media screen and (max-width: 1300px) .content.with-sidebar From 849fb42f138e10a0bdf4d9e2bb9b80d83426fc5b Mon Sep 17 00:00:00 2001 From: Phan An Date: Thu, 21 Mar 2019 17:36:29 +0100 Subject: [PATCH 012/492] Update my work info (#2077) --- src/v2/guide/team.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/v2/guide/team.md b/src/v2/guide/team.md index f5756e41f2..6e5f0badc7 100644 --- a/src/v2/guide/team.md +++ b/src/v2/guide/team.md @@ -608,6 +608,11 @@ order: 803 languages: ['vi', 'en'], github: 'phanan', twitter: 'notphanan', + work: { + role: 'Engineering Team Lead', + org: 'InterNations', + orgUrl: 'https://www.internations.org/' + }, reposOfficial: [ 'vuejs.org' ], From 529b1bbe353ecbd8778568455ac404bc371fdf4f Mon Sep 17 00:00:00 2001 From: Aditya Purwa Date: Fri, 22 Mar 2019 14:58:20 +0700 Subject: [PATCH 013/492] change readme's translaction section to post a comment instead of creating new issue (#2078) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index db4b5ba602..eaaa09a8a0 100644 --- a/README.md +++ b/README.md @@ -85,7 +85,7 @@ Vietnamese translation is maintained by [Vue.js Vietnam User group](https://gith ### Want to help with the translation? -If you feel okay with translating sorta alone, you can fork the repo, create a "work-in-progress" issue to inform others that you're doing the translation, and go for it. +If you feel okay with translating sorta alone, you can fork the repo, post a comment on the [Community Translation Announcements](https://github.com/vuejs/vuejs.org/issues/2015) issue page to inform others that you're doing the translation, and go for it. If you are more of a team player, Translation Gang might be for you. Let us know somehow that you're ready to join this international open-source translators community. Feel free to contact [Grigoriy Beziuk](https://gbezyuk.github.io) or anybody else from [the team](https://github.com/orgs/translation-gang/people). From ffd51d29f1a61ad96f4b252e46e3a06f91ffd3e8 Mon Sep 17 00:00:00 2001 From: Andrew Anikin Date: Sat, 23 Mar 2019 00:43:47 +0300 Subject: [PATCH 014/492] Update form-validation.md (#2080) Add line break before tag's closing bracket --- src/v2/cookbook/form-validation.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/v2/cookbook/form-validation.md b/src/v2/cookbook/form-validation.md index f0654cf5e7..f21e2ae8b8 100644 --- a/src/v2/cookbook/form-validation.md +++ b/src/v2/cookbook/form-validation.md @@ -42,7 +42,8 @@ Given a form of three fields, make two required. Let's look at the HTML first: v-model="age" type="number" name="age" - min="0"> + min="0" + >

    From 1367e20a827231b781810e2c89b5925eeb95c14d Mon Sep 17 00:00:00 2001 From: Phan An Date: Fri, 22 Mar 2019 22:44:13 +0100 Subject: [PATCH 015/492] Fix the npm command and add a tip about ports (#2075) --- src/v2/cookbook/debugging-in-vscode.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/v2/cookbook/debugging-in-vscode.md b/src/v2/cookbook/debugging-in-vscode.md index 68b1c32e4e..0f0c05c710 100644 --- a/src/v2/cookbook/debugging-in-vscode.md +++ b/src/v2/cookbook/debugging-in-vscode.md @@ -41,6 +41,8 @@ module.exports = { ### Launching the Application from VS Code +

    We're assuming the port to be `8080` here. If it's not the case (for instance, if `8080` has been taken and Vue CLI automatically picks another port for you), just modify the configuration accordingly.

    + Click on the Debugging icon in the Activity Bar to bring up the Debug view, then click on the gear icon to configure a launch.json file, selecting **Chrome/Firefox: Launch** as the environment. Replace content of the generated launch.json with the corresponding configuration: ![Add Chrome Configuration](/images/config_add.png) @@ -81,7 +83,7 @@ Click on the Debugging icon in the Activity Bar to bring up the Debug view, then 2. Open your favorite terminal at the root folder and serve the app using Vue CLI: ``` - npm start + npm run serve ``` 3. Go to the Debug view, select the **'vuejs: chrome/firefox'** configuration, then press F5 or click the green play button. From 78ee76d0b1a176b62da29aae46207ccf5e86ff1b Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 23 Mar 2019 10:33:19 +0300 Subject: [PATCH 016/492] Remove unnecessary semicolons in page.styl file (#2081) --- themes/vue/source/css/page.styl | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/vue/source/css/page.styl b/themes/vue/source/css/page.styl index 1f00cecabd..6cf16b9e35 100644 --- a/themes/vue/source/css/page.styl +++ b/themes/vue/source/css/page.styl @@ -104,7 +104,7 @@ // FIX: For nested lists, the top margins on ul/ol // creates extra space at the top. (Issue: 1308) ul, ol - margin: 0; + margin: 0 a color: $green font-weight: 600 @@ -195,7 +195,7 @@ @media screen and (min-width: 1590px) #header - background-color: #fff; + background-color: #fff @media screen and (max-width: 1300px) .content.with-sidebar From 270ab3f119cd690770b6c92983e7090248a0ee13 Mon Sep 17 00:00:00 2001 From: Phan An Date: Mon, 25 Mar 2019 17:45:34 +0100 Subject: [PATCH 017/492] Move template complication demo to a fiddle (#2085) Moving our template complication demo to a fiddle to keep our md clean and make it easier for users to play around with the code. --- src/v2/guide/render-function.md | 77 +-------------------------------- 1 file changed, 1 insertion(+), 76 deletions(-) diff --git a/src/v2/guide/render-function.md b/src/v2/guide/render-function.md index 3c34501a05..452365f6ec 100644 --- a/src/v2/guide/render-function.md +++ b/src/v2/guide/render-function.md @@ -640,80 +640,5 @@ For this component, `children` will give you both paragraphs, `slots().default` You may be interested to know that Vue's templates actually compile to render functions. This is an implementation detail you usually don't need to know about, but if you'd like to see how specific template features are compiled, you may find it interesting. Below is a little demo using `Vue.compile` to live-compile a template string: {% raw %} -
    - -
    - - 
    {{ result.render }}
    - - 
    _m({{ index }}): {{ fn }}
    - 
    {{ result.staticRenderFns }}
    -
    -
    - - 
    {{ result }}
    -
    -
    - - + {% endraw %} From f1d244b29b810f66742a2e373b921f608a14eaad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8B=BE=E4=B8=89=E8=82=A1=E5=9B=9B?= Date: Tue, 26 Mar 2019 14:53:32 +0800 Subject: [PATCH 018/492] Update index.md (#2086) --- src/v2/api/index.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/v2/api/index.md b/src/v2/api/index.md index 4b8fa0a7e1..9fdd8188ff 100644 --- a/src/v2/api/index.md +++ b/src/v2/api/index.md @@ -510,12 +510,12 @@ type: api A list/hash of attributes that are exposed to accept data from the parent component. It has an Array-based simple syntax and an alternative Object-based syntax that allows advanced configurations such as type checking, custom validation and default values. With Object-based syntax, you can use following options: - - **type:** can be one of the following native constructors: `String`, `Number`, `Boolean`, `Array`, `Object`, `Date`, `Function`, `Symbol`, any custom constructor function or an array of those. Will check if a prop has a given type, and will throw a warning if it doesn't. [More information](../guide/components-props.html#Prop-Types) on prop types. - - **default:** `any` + - `type`: can be one of the following native constructors: `String`, `Number`, `Boolean`, `Array`, `Object`, `Date`, `Function`, `Symbol`, any custom constructor function or an array of those. Will check if a prop has a given type, and will throw a warning if it doesn't. [More information](../guide/components-props.html#Prop-Types) on prop types. + - `default`: `any` Specifies a default value for the prop. If the prop is not passed, this value will be used instead. Object or array defaults must be returned from a factory function. - - **required:** `Boolean` + - `required`: `Boolean` Defines if the prop is required. In a non-production environment, a console warning will be thrown if this value is truthy and the prop is not passed. - - **validator:** `Function` + - `validator`: `Function` Custom validator function that takes the prop value as the sole argument. In a non-production environment, a console warning will be thrown if this function returns a falsy value (i.e. the validation fails). You can read more about prop validation [here](../guide/components-props.html#Prop-Validation). - **Example:** From abf9cda2f4d89025093fdadf3da05d09f42eb5e4 Mon Sep 17 00:00:00 2001 From: Jarvot <34713793+MickaMx@users.noreply.github.com> Date: Tue, 26 Mar 2019 17:33:26 +0100 Subject: [PATCH 019/492] update Comparisons-guide Flexibility and Modularity (#2088) Fix for the issue #2067 --- src/v2/guide/comparison.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/v2/guide/comparison.md b/src/v2/guide/comparison.md index 31962d68a6..9d59c38113 100644 --- a/src/v2/guide/comparison.md +++ b/src/v2/guide/comparison.md @@ -146,7 +146,7 @@ Vue is much simpler than AngularJS, both in terms of API and design. Learning en AngularJS has strong opinions about how your applications should be structured, while Vue is a more flexible, modular solution. While this makes Vue more adaptable to a wide variety of projects, we also recognize that sometimes it's useful to have some decisions made for you, so that you can just start coding. -That's why we offer a [webpack template](https://github.com/vuejs-templates/webpack) that can set you up within minutes, while also granting you access to advanced features such as hot module reloading, linting, CSS extraction, and much more. +That's why we offer a full system for rapid Vue.js development. [Vue CLI](https://github.com/vuejs/vue-cli) aims to be the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending hours wrangling with configurations. At the same time, it still offers the flexibility to tweak the configuration of each tool to specific needs. ### Data binding From 01d9ea78d910d8cd8463c45cbff86dced6729017 Mon Sep 17 00:00:00 2001 From: Sergey Korepanov <38503175+svkorepanov@users.noreply.github.com> Date: Wed, 27 Mar 2019 14:20:58 +0300 Subject: [PATCH 020/492] api/index.md: add transition duration prop (#2089) * api/index.md: add transition duration prop * Apply suggestion Co-Authored-By: svkorepanov <38503175+svkorepanov@users.noreply.github.com> --- src/v2/api/index.md | 1 + 1 file changed, 1 insertion(+) diff --git a/src/v2/api/index.md b/src/v2/api/index.md index 9fdd8188ff..0b2499ae91 100644 --- a/src/v2/api/index.md +++ b/src/v2/api/index.md @@ -2488,6 +2488,7 @@ Used to denote a `