docs: add twitter follow

krisk · May 8, 2022 · 5a95d9f · 5a95d9f
1 parent 21f9dec
commit 5a95d9f
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 1 deletion.
diff --git a/docs/.vuepress/components/TwitterFollow/TwitterFollow.vue b/docs/.vuepress/components/TwitterFollow/TwitterFollow.vue
@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <a
+      href="https://twitter.com/kirorisk?ref_src=twsrc%5Etfw"
+      class="twitter-follow-button"
+      data-size="large"
+      data-show-screen-name="false"
+      data-dnt="true"
+      data-show-count="false"
+      >Follow</a
+    >
+    <script
+      async
+      src="https://platform.twitter.com/widgets.js"
+      charset="utf-8"
+    ></script>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TwitterFollow'
+}
+</script>
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
@@ -95,7 +95,8 @@ function getPlugins() {
           getComponent('Demo'),
           getComponent('Team'),
           getComponent('Jobs'),
-          getComponent('Donate')
+          getComponent('Donate'),
+          getComponent('TwitterFollow')
         ]
       }
     ]

diff --git a/docs/.vuepress/styles/index.styl b/docs/.vuepress/styles/index.styl
@@ -368,12 +368,14 @@ h2 {
   border-bottom: none;
 }
 
+// Twitter
 nav.nav-links div:nth-child(3) a {
   background-image: url(/assets/img/twitter.svg);
   background-repeat: no-repeat;
   padding-left: 30px;  /* width of the image plus a little extra padding */
 }
 
+// Github
 nav.nav-links div:nth-child(4) a {
   background-image: url(/assets/img/github.svg);
   background-repeat: no-repeat;

diff --git a/docs/README.md b/docs/README.md
@@ -4,6 +4,10 @@ shareTitle: Fuse.js - JavaScript fuzzy-search library
 
 # What is Fuse.js?
 
+<TwitterFollow />
+
+<!-- <a href="https://twitter.com/kirorisk?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-size="large" data-show-screen-name="false" data-dnt="true" data-show-count="false">Follow</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> -->
+
 <!-- <social-share :networks="['twitter', 'reddit', 'linkedin', 'email']" /> -->
 
 Fuse.js is a **powerful, lightweight fuzzy-search library, with zero dependencies**.

diff --git a/docs/api/options.md b/docs/api/options.md
@@ -5,6 +5,8 @@ tags:
 
 # Options
 
+<TwitterFollow />
+
 ## Basic Options
 
 ### `isCaseSensitive`

diff --git a/docs/concepts/scoring-theory.md b/docs/concepts/scoring-theory.md
@@ -1,5 +1,7 @@
 # Scoring Theory
 
+<TwitterFollow />
+
 Once we have a list of matching items, they need to be ranked by a **relevance score**. This score is determined by three factors:
 
 - Fuzziness score

diff --git a/docs/demo.md b/docs/demo.md
@@ -1,5 +1,7 @@
 # Live Demo
 
+<TwitterFollow />
+
 Play around with a live demo of Fuse.js. Have a look at the [options](api/options.html) to understand what they mean.
 
 <!--

diff --git a/docs/examples.md b/docs/examples.md
@@ -1,5 +1,9 @@
 # Examples
 
+<TwitterFollow />
+
+---
+
 ## Search String Array
 
 :::: tabs