Merge pull request #22 from cloudoptlab/feat/2.x/internationalization

Feat/2.x/internationalization

Author: vincentha766

src/content/block.ts

@@ -3,25 +3,24 @@ import * as utils from '../core/utils'
 import * as message from '../core/message'
 import $ from 'jquery'
 
-const href = $('.block-page a>.block-pre').parent().attr('href')
-$('.block-page a>.block-pre').parent().attr('href', '#')
-$('.block-page a>.block-pre').parent().click(async () => {
-    const config = await coreConfig.get()
-    const hrefHost = utils.getHost(href)
-    if (config.allowList.indexOf(hrefHost) < 0) {
-        config.allowList.push(hrefHost)
-        config.blockList.removeByValue(hrefHost)
-        coreConfig.set(config).then(() => {
+$.ready.then(() => {
+    const href = $('.block-page a>.block-pre').parent().attr('href')
+    $('.block-page a>.block-pre').parent().attr('href', '#')
+    $('.block-page a>.block-pre').parent().click(async () => {
+        const config = await coreConfig.get()
+        const hrefHost = utils.getHost(href)
+        if (config.allowList.indexOf(hrefHost) < 0) {
+            config.allowList.push(hrefHost)
+            config.blockList.removeByValue(hrefHost)
+            coreConfig.set(config).then(() => {
+                location.href = href
+            })
+        } else {
             location.href = href
-        })
-    } else {
-            location.href = href
-    }
-})
+        }
+    })
 
-const url = $('.block-button').parent().attr('href')
-$('.block-button').parent().attr('href', '#')
-$('.block-button').parent().attr('target', '')
-$('.block-button').parent().click(() => {
-    message.send('open-tab', url)
+    const url = $('.block-button').parent().attr('href')
+    $('.block-button').parent().attr('href', url)
+    $('.block-button').parent().attr('target', '_blank')
 })

src/guide/guide.scss

@@ -3,7 +3,7 @@
     align-items: center;
     justify-content: center;
     height: 100vh;
-    background-color: rgb(245,246,247);
+    background-color: rgb(245, 246, 247);
     .btn {
         outline: none;
         border: none;
@@ -36,7 +36,7 @@
         align-items: center;
         justify-content: center;
         .switch-item {
-            width: 570px;
+            max-width: 570px;
         }
         >span.title {
             font-size: 16px;
@@ -92,11 +92,11 @@
                     margin-bottom: 60px;
                     display: block;
                 }
-                .guide-content{
+                .guide-content {
                     width: 100%;
                     margin-bottom: 40px;
                 }
             }
         }
     }
-}
+}