Merge pull request #7 from bugsnag/bundled-example

Add bundled example project

Author: bengourley

.npmignore

@@ -1 +1 @@
-example
+examples

README.md

@@ -44,7 +44,7 @@ The script tag creates a global function called `bugsnag__vue` which needs to be
 </script>
 ```
 
-See the [example](example) for more info.
+See the [examples](examples) for more info.
 
 ### Bundled
 

example/README.md renamed to examples/basic/README.md

@@ -1,4 +1,4 @@
-# Bugsnag: Vue.js Example
+# Bugsnag: Vue.js basic example
 
 This example shows how you can use the Bugsnag JavaScript notifier with
 [Vue.js](https://vuejs.org/).
@@ -19,7 +19,7 @@ API token with your own!
 1. Clone the repo and `cd` into this directory:
     ```sh
     git clone git@github.com:bugsnag/bugsnag-vue.git
-    cd bugsnag-vue/example
+    cd bugsnag-vue/examples/basic
     ```
 1. Install the dependencies (with either npm or yarn):
     ```sh

example/app.js renamed to examples/basic/app.js

@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

example/index.html renamed to examples/basic/index.html

@@ -0,0 +1,36 @@
+# Bugsnag: Vue.js bundled example
+
+This example shows how you can use the Bugsnag JavaScript notifier with
+[Vue.js](https://vuejs.org/) that has a build step. Beyond the features shown in
+the [basic example](../basic), this setup shows how to initialize a `bugsnagClient` in a module
+that you can reuse in various parts of your application.
+
+This application was generated with [vue-cli](https://github.com/vuejs/vue-cli).
+
+## 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` into this directory:
+    ```sh
+    git clone git@github.com:bugsnag/bugsnag-vue.git
+    cd bugsnag-vue/examples/bundled
+    ```
+1. Install the dependencies (with either npm or yarn):
+    ```sh
+    npm i
+    ```
+    ```sh
+    yarn
+    ```
+1. Replace the `API_KEY` placeholder in [src/lib/bugsnag.js](src/lib/bugsnag.js) with your actual API key.
+1. Start the bundler and web server:
+    ```sh
+    npm run serve
+    ```
+1. View the example page which will (most likely) be served at: http://localhost:8080/