update vuefire example for 2.0 (#34)

chrisvfritz · posva · commit a14f98d8a276 · 2016-10-11T23:33:18.000+02:00
* update vuefire example for 2.0

* update firebase app in tests
diff --git a/examples/todo-app/index.html b/examples/todo-app/index.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>VueFire Todo App Demo</title>
+    <script src="https://www.gstatic.com/firebasejs/3.4.0/firebase.js"></script>
+    <script src="https://unpkg.com/vue/dist/vue.js"></script>
+    <script src="../../dist/vuefire.js"></script>
+  </head>
+  <body>
+
+    <!--
+    Before running this example, make sure to:
+
+    1. cd path/to/vuefire
+    2. npm install
+    3. npm run build
+
+    Then you can open this file in your browser.
+    If you just prefer to see this example with
+    the latest published version of VueFire, you
+    play with the code in this fiddle:
+
+    https://jsfiddle.net/chrisvfritz/acy5n6j6/
+    -->
+
+    <div id="app">
+      <input
+        v-model.trim="newTodoText"
+        @keyup.enter="addTodo"
+        placeholder="Add new todo"
+      >
+      <ul>
+        <li v-for="todo in todos">
+          {{ todo.text }}
+          <button @click="removeTodo(todo)">X</button>
+        </li>
+      </ul>
+    </div>
+
+    <script>
+      /* global Vue, firebase */
+      var db = firebase.initializeApp({
+        databaseURL: 'https://vuefiredemo.firebaseio.com'
+      }).database()
+      var todosRef = db.ref('todos')
+
+      new Vue({
+        el: '#app',
+        data: {
+          newTodoText: ''
+        },
+        firebase: {
+          todos: todosRef.limitToLast(25)
+        },
+        methods: {
+          addTodo: function () {
+            if (this.newTodoText) {
+              todosRef.push({
+                text: this.newTodoText
+              })
+              this.newTodoText = ''
+            }
+          },
+          removeTodo: function (todo) {
+            todosRef.child(todo['.key']).remove()
+          }
+        }
+      })
+    </script>
+  </body>
+</html>
diff --git a/examples/todoApp/index.html b/examples/todoApp/index.html
diff --git a/tests/vuefire.spec.js b/tests/vuefire.spec.js
@@ -6,8 +6,10 @@ var helpers = require('./helpers')
 Vue.use(VueFire)
 
 var firebaseApp = Firebase.initializeApp({
-  apiKey: helpers.generateRandomString(),
-  databaseURL: 'https://' + helpers.generateRandomString() + '.firebaseio-demo.com'
+  apiKey: 'AIzaSyC3eBV8N95k_K67GTfPqf67Mk1P-IKcYng',
+  authDomain: 'oss-test.firebaseapp.com',
+  databaseURL: 'https://oss-test.firebaseio.com',
+  storageBucket: 'oss-test.appspot.com'
 })
 
 describe('VueFire', function () {
