From 1925bbf39728a054ccc24743b66869768a1ca146 Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Thu, 16 Feb 2023 22:11:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js        |  1 +
 src/views/home.vue | 30 +++++++++++++++++++++++-------
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/main.js b/src/main.js
index cb5888c..7c68002 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 
 import '//jscdn.ink/es.shim/2.1.0/index.js'
 import '//jscdn.ink/@bytedo/wcui/1.0.12/form/input.js'
+import '//jscdn.ink/@bytedo/wcui/1.0.12/form/dropdown.js'
 import '//jscdn.ink/@bytedo/wcui/1.0.12/form/button.js'
 import '//jscdn.ink/@bytedo/wcui/1.0.12/form/link.js'
 import '//jscdn.ink/@bytedo/wcui/1.0.12/layer/index.js'
diff --git a/src/views/home.vue b/src/views/home.vue
index bbe4e78..ad52ffe 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,14 +1,19 @@
 <template>
   <main class="home" @click="copy">
-    <dl class="card" v-if="$store.result">
+    <dl class="card" v-if="version">
       <dt class="title">
-        {{ $store.result.id }} - v{{ $store.result.versions[0] }}
+        {{ $store.result.id }} -
+        <wc-dropdown v-model="version">
+          <wc-option
+            v-for="v in $store.result.versions"
+            :key="v"
+            :value="v"
+            :label="v"
+          />
+        </wc-dropdown>
       </dt>
       <dd class="list">
-        <section
-          class="link"
-          v-for="f in $store.result[$store.result.versions[0]]"
-        >
+        <section class="link" v-for="f in $store.result[version]">
           //jscdn.ink/{{ $store.result.id }}/{{ f }}
         </section>
       </dd>
@@ -52,7 +57,18 @@ export default {
           version: '2.1.1',
           files: ['index.js', 'next.js']
         }
-      ]
+      ],
+      version: ''
+    }
+  },
+
+  watch: {
+    '$store.result'(val) {
+      if (val) {
+        this.version = val.versions[val.versions.length - 1]
+      } else {
+        this.version = ''
+      }
     }
   },