西元2024年05月23日 (週四) 08時33分56秒 CST

service-worker.js

@@ -16,7 +16,7 @@
 // Names of the two caches used in this version of the service worker.
 // Change to v2, etc. when you update any of the local resources, which will
 // in turn trigger the install event again.
-const PRECACHE = 'precache-v20240522-225430';
+const PRECACHE = 'precache-v20240523-003322';
 const RUNTIME = 'runtime';
 
 /**

src/components/VocabularyTranslator/VocabularyTranslator.html

@@ -22,7 +22,9 @@
                 {{ $t('Stop Speak') }}
               </button>
             </div>
+
 
+
         </div>
     </div>
     <div class="column">
@@ -52,4 +54,13 @@
         </div>
     </div>
   </div>
+
+  <div class="ui blue compact basic buttons">
+    <a v-for="vocabulary in computedVocabularyList"
+      class="ui button"
+      :href="buildLink(vocabulary)"
+      :target="buildCacheKey(vocabulary)">
+      {{ vocabulary }}
+    </a>
+  </div>
 </form>

src/components/VocabularyTranslator/VocabularyTranslator.js

@@ -19,6 +19,10 @@ let app = {
     },
   },
   computed: {
+    computedVocabularyList () {
+      let output =  this.db.localConfig.vocabularyInput.trim().split('\n').filter((line) => line.trim() !== '').map(l => l.trim())
+      return [...new Set(output)]
+    },
     computedSpeakButtonClassList () {
       let classList = ['ui']
 
@@ -212,6 +216,9 @@ let app = {
     },
     addDictionary: function() {
       this.$parent.$refs.VocabularyDictionary.addDictionary()
+    },
+    buildLink: function (vocabulary) {
+      return `https://dictionary.cambridge.org/dictionary/${this.db.localConfig.languageSource}-${this.db.localConfig.languageTarget}/${vocabulary}`
     }
   }
 }

src/components/VocabularyTranslator/VocabularyTranslator.less

@@ -1,3 +1,5 @@
 .VocabularyTranslator {
-
+  .ui.blue.compact.basic.buttons {
+    border-width: 0 !important;
+  }
 }