Skip to content

[2.0] Replace references to npmcdn with unpkg #386

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Aug 30, 2016
Merged

[2.0] Replace references to npmcdn with unpkg #386

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/guide/comparison.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -155,7 +155,7 @@ React is renowned for its steep learning curve. Before you can really get starte
While Vue scales up just as well as, if not better than React, it also scales down just as well as jQuery. That's right - all you have to do is drop a single script tag into a page:

``` html
<script src="https://npmcdn.com/vue@next/dist/vue.js"></script>
<script src="https://unpkg.com/vue@next/dist/vue.js"></script>
```

Then you can start writing Vue code and even ship the minified version to production without feeling guilty or having to worry about performance problems.
Expand Down
8 changes: 4 additions & 4 deletions src/guide/computed.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -171,8 +171,8 @@ For example:
<!-- and collections of general-purpose utility methods, Vue core -->
<!-- is able to remain small by not reinventing them. This also -->
<!-- gives you the freedom to just use what you're familiar with. -->
<script src="https://npmcdn.com/axios@0.12.0/dist/axios.min.js"></script>
<script src="https://npmcdn.com/lodash@4.13.1/lodash.min.js"></script>
<script src="https://unpkg.com/axios@0.12.0/dist/axios.min.js"></script>
<script src="https://unpkg.com/lodash@4.13.1/lodash.min.js"></script>
<script>
var watchExampleVM = new Vue({
el: '#watch-example',
Expand Down Expand Up @@ -230,8 +230,8 @@ Result:
</p>
<p>{{ answer }}</p>
</div>
<script src="https://npmcdn.com/axios@0.12.0/dist/axios.min.js"></script>
<script src="https://npmcdn.com/lodash@4.13.1/lodash.min.js"></script>
<script src="https://unpkg.com/axios@0.12.0/dist/axios.min.js"></script>
<script src="https://unpkg.com/lodash@4.13.1/lodash.min.js"></script>
<script>
var watchExampleVM = new Vue({
el: '#watch-example',
Expand Down
2 changes: 1 addition & 1 deletion src/guide/installation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ Simply download and include with a script tag. `Vue` will be registered as a glo

Available on [jsdelivr](//cdn.jsdelivr.net/vue/{{vue_version}}/vue.min.js) or [cdnjs](//cdnjs.cloudflare.com/ajax/libs/vue/{{vue_version}}/vue.min.js) (takes some time to sync so the latest version might not be available yet).

Also available on [npmcdn](https://npmcdn.com/vue/dist/vue.min.js), which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at [npmcdn.com/vue/](https://npmcdn.com/vue/).
Also available on [unpkg](https://unpkg.com/vue/dist/vue.min.js), which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at [unpkg.com/vue/](https://unpkg.com/vue/).

### CSP environments

Expand Down
16 changes: 8 additions & 8 deletions src/guide/transitioning-state.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ All of these are either already stored as raw numbers or can be converted into n
Watchers allow us to animate changes of any numerical property into another property. That may sound complicated in the abstract, so let's dive into an example using Tween.js:

``` html
<script src="https://npmcdn.com/tween.js@16.3.4"></script>
<script src="https://unpkg.com/tween.js@16.3.4"></script>

<div id="animated-number-demo">
<input v-model.number="number" type="number" step="20">
Expand Down Expand Up @@ -54,7 +54,7 @@ new Vue({
```

{% raw %}
<script src="https://npmcdn.com/tween.js@16.3.4"></script>
<script src="https://unpkg.com/tween.js@16.3.4"></script>
<div id="animated-number-demo" class="demo">
<input v-model.number="number" type="number" step="20">
<p>{{ animatedNumber }}</p>
Expand Down Expand Up @@ -90,8 +90,8 @@ new Vue({
When you update the number, the change is animated below the input. This makes for a nice demo, but what about something that isn't directly stored as a number, like any valid CSS color for example? Here's how we could accomplish this with the addition of Color.js:

``` html
<script src="https://npmcdn.com/tween.js@16.3.4"></script>
<script src="https://npmcdn.com/color-js@1.0.3/color.js"></script>
<script src="https://unpkg.com/tween.js@16.3.4"></script>
<script src="https://unpkg.com/color-js@1.0.3/color.js"></script>

<div id="example-7">
<input
Expand Down Expand Up @@ -167,8 +167,8 @@ new Vue({
```

{% raw %}
<script src="https://npmcdn.com/tween.js@16.3.4"></script>
<script src="https://npmcdn.com/color-js@1.0.3/color.js"></script>
<script src="https://unpkg.com/tween.js@16.3.4"></script>
<script src="https://unpkg.com/color-js@1.0.3/color.js"></script>
<div id="example-7" class="demo">
<input
v-model="colorQuery"
Expand Down Expand Up @@ -381,7 +381,7 @@ See [this fiddle](https://jsfiddle.net/chrisvfritz/fbvusejy/) for the complete c
Managing many state transitions can quickly increase the complexity of a Vue instance or component. Fortunately, many animations can be extracted out into dedicated child components. Let's do this with the animated integer from our earlier example:

``` html
<script src="https://npmcdn.com/tween.js@16.3.4"></script>
<script src="https://unpkg.com/tween.js@16.3.4"></script>

<div id="example-8">
<input v-model.number="firstNumber" type="number" step="20"> +
Expand Down Expand Up @@ -456,7 +456,7 @@ new Vue({
```

{% raw %}
<script src="https://npmcdn.com/tween.js@16.3.4"></script>
<script src="https://unpkg.com/tween.js@16.3.4"></script>
<div id="example-8" class="demo">
<input v-model.number="firstNumber" type="number" step="20"> +
<input v-model.number="secondNumber" type="number" step="20"> =
Expand Down
4 changes: 2 additions & 2 deletions src/guide/transitions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -328,7 +328,7 @@ These will override the conventional class names. This is especially useful when
Here's an example:

``` html
<link href="https://npmcdn.com/animate.css@3.5.1/animate.min.css" rel="stylesheet" type="text/css">
<link href="https://unpkg.com/animate.css@3.5.1/animate.min.css" rel="stylesheet" type="text/css">

<div id="example-3">
<button @click="show = !show">
Expand All @@ -354,7 +354,7 @@ new Vue({
```

{% raw %}
<link href="https://npmcdn.com/animate.css@3.5.1" rel="stylesheet" type="text/css">
<link href="https://unpkg.com/animate.css@3.5.1" rel="stylesheet" type="text/css">
<div id="example-3" class="demo">
<button @click="show = !show">
Toggle render
Expand Down