Support for external glossary

Author: sgerogia

README.md

@@ -24,8 +24,8 @@ npm run serve
 4. The Component directory must includes `Component.vue` and `Component.stories.js`
 5. `config.js` will automatically import all files ending in `*.stories.js`
 
-## Copywriter's notes
+## Notes
 
-This repository contains the golden source for the [Cosmos Glossary](https://cosmos.network/glossary).
+See below for component-specific notes.
 
-Head to the [Tooltip](./src/Tooltip) component for more details.
+* [Tooltip](./src/Tooltip)

src/Tooltip/README.md

@@ -1,17 +1,19 @@
 # Tooltips & Glossary
 
 ## Structure
-File [dict.json](./dict.json) contains the source for hover tooltips and the [Cosmos Glossary](https://cosmos.network/glossary).
+The component presents a tooltip (title & description) based on a dictionary.
 
-Each item in the file has the following components:  
-* **Identifier**: Not seen by readers, used as a lookup when defining tooltips (e.g. `application-layer`)
-* **Text**: Formatted in [Markdown](https://www.markdownguide.org/basic-syntax/), has a *title* and a *description*.  
-  These two are separated by a newline character `\n`.
-  
-## Making tooltip/glossary changes
+It tries to use an external Vuex dictionary (`$store.state.glossary`). If it cannot be found, it falls back to [dict.json](./dict.json).
 
-* Use an online Markdown editor (e.g. [LivePreview](https://markdownlivepreview.com/)).
-* Keep the description in a single line. Otherwise you might break auto-wrapping of text. 
-* If you add hyperlinks, make sure they work in the preview.
-* Paste back into [dict.json](./dict.json) in a single line. Do not forget the separating `\n`. 
-* Create a pull request for review. 
+The external dictionary must have the following structure and fields:  
+```
+{
+  "lookup-key": 
+  {
+    "title": "Application layer",
+    "description": "Yada yada yada"
+  }
+}
+```  
+where `lookup-key` is the entry-specific lookup key (e.g. *application-layer*, *blockchain*), `title` and `description` 
+are expected key names.

src/Tooltip/Tooltip.vue

@@ -91,7 +91,16 @@ export default {
   },
   computed: {
     definition() {
-      return new MarkdownIt().render(dict[this.value]);
+      var glossary = this.$store.state.glossary;
+      if (!glossary) {
+        return new MarkdownIt().render(dict[this.value]);
+      } else {
+        var slug = this.value;
+        var title = glossary.dict[slug].title;
+        var description = glossary.dict[slug].description;
+        var value = '# ' + title + '\n' + description;
+        return new MarkdownIt().render(value);
+      }
     }
   },
   methods: {