Merge pull request #174 from marcellamaki/anchor-links

Add anchor links to individual glossary terms
learningequality · Feb 23, 2021 · 4a2ae39 · 4a2ae39
2 parents 53fcbb3 + 8a1051f
commit 4a2ae39
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/docs/pages/glossary/index.vue b/docs/pages/glossary/index.vue
@@ -27,7 +27,12 @@
         </thead>
         <tbody>
           <tr v-for="(term, i) in visibleTerms" :key="i">
-            <th>{{ term.term }}</th>
+            <th>
+              {{ term.term }}
+              <DocsAnchorTarget
+                :anchor="anchor(term)"
+              />
+            </th>
             <td><em>{{ term.note }}</em></td>
             <td>{{ term.description }}</td>
           </tr>
@@ -75,6 +80,18 @@
         return termList(this.filterText);
       },
     },
+    methods: {
+      anchor(term) {
+        // standarize url
+        return `#${term.term
+          .toLowerCase()
+          .split(' ')
+          .join('_')
+          .replace('(', '')
+          .replace(')', '')
+          .replace(',', '')}`;
+      },
+    },
   };
 
 </script>