Update: add each repo link to versions in footer

Author: mysticatea

src/app.vue

@@ -27,22 +27,18 @@
                     @edit="onEdit"
                     @initialize.once="onEditorInitialize"
                 />
-                <message-list
-                    class="app__errors"
-                    :messages="messages"
-                >
-                    Errors.
-                </message-list>
+                <message-list class="app__errors" :messages="messages" />
             </div>
         </div>
         <div class="app__footer">
             <div class="app__footer-message"/>
             <div
                 class="app__version-item"
-                v-for="(version, name) in versions"
+                v-for="(v, name) in versions"
                 :key="name"
             >
-                {{ name }} {{ version }}
+                <a :href="'https://github.com/' + v.repo">{{ name }}</a>
+                v{{ v.version }}
             </div>
         </div>
     </div>
@@ -214,6 +210,8 @@ a:hover {
 
 .app__footer {
     display: flex;
+    justify-content: flex-end;
+    flex-wrap: wrap;
     flex-shrink: 0;
     border-top: 1px solid #CCC;
 }
@@ -222,6 +220,7 @@ a:hover {
     color: #B71C1C;
 }
 .app__version-item {
+    flex-shrink: 0;
     margin-right: 8px;
 }
 .app__version-item:not(:last-child)::after {

src/versions.js

@@ -1,5 +1,18 @@
 export default {
-    "eslint": "0.0.0",
-    "eslint-plugin-vue": "0.0.0",
-    "vue-eslint-parser": "0.0.0",
+    "vue-eslint-demo": {
+        repo: "mysticatea/vue-eslint-demo",
+        version: "0.0.0",
+    },
+    "eslint": {
+        repo: "eslint/eslint",
+        version: "0.0.0",
+    },
+    "eslint-plugin-vue": {
+        repo: "vuejs/eslint-plugin-vue",
+        version: "0.0.0",
+    },
+    "vue-eslint-parser": {
+        repo: "mysticatea/vue-eslint-parser",
+        version: "0.0.0",
+    },
 }

webpack.config.js

@@ -34,9 +34,22 @@ ${
 
 // Shim for `src/versions.js`
 const VERSIONS = `export default ${JSON.stringify({
-    "eslint": require("eslint/package.json").version,
-    "eslint-plugin-vue": require("eslint-plugin-vue/package.json").version,
-    "vue-eslint-parser": require("vue-eslint-parser/package.json").version,
+    "vue-eslint-demo": {
+        repo: "mysticatea/vue-eslint-demo",
+        version: require("./package.json").version,
+    },
+    "eslint": {
+        repo: "eslint/eslint",
+        version: require("eslint/package.json").version,
+    },
+    "eslint-plugin-vue": {
+        repo: "vuejs/eslint-plugin-vue",
+        version: require("eslint-plugin-vue/package.json").version,
+    },
+    "vue-eslint-parser": {
+        repo: "mysticatea/vue-eslint-parser",
+        version: require("vue-eslint-parser/package.json").version,
+    },
 })}`
 
 module.exports = {