Add readme for example

Author: bengourley

README.md

@@ -13,7 +13,8 @@ You can opt to install the package from npm, using the instructions below. Alter
 ### CDN
 
 ```html
-<script src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag-plugins/bugsnag-vue/v1/bugsnag-vue.min.js"></script>
+<script src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag/v4/bugsnag.min.js"></script>
+<script src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag-plugins/v1/bugsnag-vue.min.js"></script>
 ```
 
 ### npm
@@ -40,6 +41,8 @@ The script tag creates a global function called `bugsnag__vue` which needs to be
 </script>
 ```
 
+See the [example](example) for more info.
+
 ### Bundled
 
 If you installed the package from npm, usage will look more like the following snippet. Again, ensure you have a reference to `Vue` before you create the plugin.

example/README.md

@@ -0,0 +1,36 @@
+# Bugsnag: Vue.js Example
+
+This example shows how you can use the Bugsnag JavaScript notifier with
+[Vue.js](https://vuejs.org/).
+
+Whilst the notifier reports any errors that are uncaught, there are certain types
+of error specific to Vue.js that get swallowed by its own error handler. The example
+shown here shows how to use the `bugsnag-vue` plugin to this work for you.
+
+## Setup
+
+Try this out with [your own Bugsnag account](https://app.bugsnag.com/user/new)!
+You'll be able to see how the errors are reported in the dashboard, how breadcrumbs
+are left, how errors are grouped and how they relate to the original source.
+
+To get set up, follow the instructions below. Don't forget to replace the placeholder
+API token with your own!
+
+1. Clone the repo and `cd` this this directory:
+    ```sh
+    git clone git@github.com:bugsnag/bugsnag-vue.git
+    cd bugsnag-vue
+    ```
+1. Install the dependencies (with either npm or yarn):
+    ```sh
+    npm i
+    ```
+    ```sh
+    yarn
+    ```
+1. Replace the `API_KEY` placeholder in [index.html](index.html) with your actual API key.
+1. Start a web server:
+    ```sh
+    npm start
+    ```
+1. View the example page which will (most likely) be served at: http://localhost:5000/

example/index.html

@@ -6,11 +6,8 @@
     <script src="node_modules/bugsnag-js/dist/bugsnag.js"></script>
     <script src="node_modules/bugsnag-vue/dist/bugsnag-vue.js"></script>
     <script>
-      window.bugsnagClient = bugsnag({
-        apiKey: '19094d99b21f3a2a6f47910f9531fc83',
-        // endpoint: '//localhost:8000'
-      })
-      bugsnag__vue(Vue, bugsnagClient)
+      window.bugsnagClient = bugsnag('API_KEY')
+      bugsnagClient.use(bugsnag__vue(Vue))
     </script>
   </head>
   <style>