title: adding files to firebase storage in vue.js from forms
body: <p>I am trying to add an image to firebase storage using vue.js<br>
  my code compiles how I am not obtaining any results 
  data is added to firestore I would like to get the download URL as well any suggestions  </p>
  
  <pre><code> methods: {
      saveNewAticle() {
        db
          .collection("storys")
          .add({
            title: this.title,
            summary: this.summary,
            article: this.article
  
          })
          .then(docRef =&gt; {
            console.log("Client added: ", docRef.id);
            this.$router.push("/");
          })
          .catch(error =&gt; {
            console.error("Error adding employee: ", error);
          });
         //links ref
         //https://firebase.google.com/docs/storage/web/start
  
        var storageref= storage.ref()
        var thumbnailref  = storageref.child ("images")
        var file = thumbnail  
        var uploadTask = storageRef.child('images/${file}').put(file)
        uploadTask
        .on(firebase.storage.TaskEvent.STATE_CHANGED,
         function(snapshot) {
  
                  // /Upload completed successfully, now we can get the download URL
            uploadTask.snapshot.ref.getDownloadURL().then(function(downloadURL) {
              console.log('File available at', downloadURL);
            });
  
        })
  
  
      }
  
    }
  </code></pre>