update cdn links

Author: yyx990803

README.md

@@ -16,6 +16,8 @@
 
 ## Usage
 
+`petite-vue` can be used without a build step. Simply load it from a CDN:
+
 ```html
 <script src="https://unpkg.com/petite-vue" defer init></script>
 
@@ -50,6 +52,15 @@ Or, use the ES module build:
 </script>
 ```
 
+### Production CDN URLs
+
+The short CDN URL is meant for prototyping. For production usage, use a fully resolved CDN URL to avoid resolving and redirect cost:
+
+- Global build: `https://unpkg.com/[email protected]/dist/petite-vue.iife.js`
+  - exposes `PetiteVue` global, supports auto init
+- ESM build: `https://unpkg.com/[email protected]/dist/petite-vue.es.js`
+  - Must be used with `<script type="module">`
+
 ### Root Scope
 
 The `createApp` function accepts a data object that serves as the root scope for all expressions. This can be used to bootstrap simple, one-off apps:

examples/markdown.html

@@ -1,5 +1,5 @@
-<script src="https://unpkg.com/marked"></script>
-<script src="https://unpkg.com/lodash"></script>
+<script src="https://unpkg.com/marked@2.1.3/lib/marked.js"></script>
+<script src="https://unpkg.com/lodash@4.17.21/lodash.min.js"></script>
 <script type="module">
   import { createApp } from '../src'
 

examples/todomvc.html

@@ -1,4 +1,7 @@
-<link rel="stylesheet" href="https://unpkg.com/todomvc-app-css/index.css" />
+<link
+  rel="stylesheet"
+  href="https://unpkg.com/[email protected]/index.css"
+/>
 <style>
   [v-cloak] {
     display: none;