Add "feedback" component; vuex store config

seems i have a lot to learn...pretty sure this isn't very clean yet

src/components/feedback/ByjoveFeedback.vue

@@ -0,0 +1,109 @@
+<template>
+  <div>
+    <b-button type="is-primary"
+              @click="showFeedback()">
+      Feedback
+    </b-button>
+    <b-modal has-modal-card
+             :active.sync="showFeedbackDialog">
+      <div class="modal-card">
+
+        <header class="modal-card-head">
+          <p class="modal-card-title">User Feedback</p>
+        </header>
+
+        <section class="modal-card-body">
+          <p>
+            Questions, suggestions, comments, complaints, etc. regarding this
+            website are welcome and may be submitted below.
+          </p>
+
+          <b-field label="Referring URL">
+            <div class="control">
+              {{ referringURL }}
+            </div>
+          </b-field>
+
+          <b-field label="Your Name"
+                   v-show="!userUUID">
+                   <!-- v-show="!user"> -->
+            <b-input v-model="userName"></b-input>
+          </b-field>
+
+          <b-field label="Message">
+            <b-input v-model="message"
+                     type="textarea">
+            </b-input>
+          </b-field>
+        </section>
+
+        <footer class="modal-card-foot">
+          <b-button @click="showFeedbackDialog = false">
+            Cancel
+          </b-button>
+          <b-button type="is-primary"
+                       @click="sendFeedback()"
+                       :disabled="!message">
+            Send Note
+          </b-button>
+        </footer>
+      </div>
+    </b-modal>
+  </div>
+</template>
+
+<script>
+export default {
+    name: 'ByjoveFeedback',
+    props: {
+        url: String,
+        // userUUID: String,
+        // user: Object,
+    },
+    data() {
+        return {
+            showFeedbackDialog: false,
+            referringURL: null,
+            userUUID: null,
+            userName: null,
+            message: null,
+        }
+    },
+    methods: {
+
+        showFeedback() {
+            this.referringURL = location.href
+            if (this.$store.state.user) {
+                this.userUUID = this.$store.state.user.uuid
+            }
+            this.message = null
+            this.showFeedbackDialog = true
+        },
+
+        sendFeedback() {
+            let params = {
+                referrer: this.referringURL,
+                user: this.userUUID,
+                // user: this.user ? this.user.uuid : null,
+                user_name: this.userName,
+                message: this.message,
+            }
+            this.$http.post(this.url, params).then(response => {
+                this.showFeedbackDialog = false
+                this.$buefy.toast.open({
+                    message: "Thank you for your feedback!",
+                    type: 'is-success',
+                    position: 'is-bottom',
+                })
+            }, response => {
+                this.$buefy.toast.open({
+                    message: "Something went wrong!",
+                    type: 'is-danger',
+                    position: 'is-bottom',
+                })
+            })
+        },
+    },
+
+}
+</script>

src/components/feedback/index.js

@@ -0,0 +1,3 @@
+import ByjoveFeedback from './ByjoveFeedback'
+
+export default ByjoveFeedback

src/components/index.js

@@ -1,5 +1,7 @@
 import ByjoveLogo from './logo'
+import ByjoveFeedback from './feedback'
 
 export {
     ByjoveLogo,
+    ByjoveFeedback,
 }

src/components/logo/index.js

@@ -1,6 +1,3 @@
-import Vue from 'vue'
 import ByjoveLogo from './ByjoveLogo'
 
-Vue.component('byjove-logo', ByjoveLogo)
-
 export default ByjoveLogo