chore: correct messages and add reference

Author: ydcjeff

src/components/Message.vue

@@ -9,6 +9,8 @@
 </template>
 
 <script>
+// referenced on
+// https://github.com/vuejs/vue-next/blob/master/packages/sfc-playground/src/Message.vue
 import { computed, toRefs } from 'vue'
 import { msg } from '../store.js'
 

src/components/NavBar.vue

@@ -103,7 +103,7 @@ export default {
       if (store.code && Object.keys(store.code).length) {
         if (!store.config.output_dir) {
           msg.showMsg = true
-          msg.content = `Output directory is required to have. Please choose in Loggers tab.`
+          msg.content = `Output directory is required. Please input in Loggers tab.`
         } else {
           for (const filename in store.code) {
             zip.file(filename, store.code[filename])