[docs] hyperledger-iroha#89: Add scripts, Vue component, parser exten…

…sion, update tutorial

Co-authored-by: 0x009922 <a.marcius26@gmail.com>
Co-authored-by: William Richter <88400283+WRRicht3r@users.noreply.github.com>
Signed-off-by: 6r1d <vic.6r1d@gmail.com>

.gitignore

@@ -4,3 +4,4 @@ dist
 /src/flymd.md
 /src/flymd.html
 /src/*.temp
+/src/snippets

.vitepress/config.ts

@@ -2,8 +2,11 @@ import { defineConfig, UserConfig, DefaultTheme } from 'vitepress'
 import Windi from 'vite-plugin-windicss'
 import footnote from 'markdown-it-footnote'
 import customHighlight from './plugins/highlight'
-import path from 'path'
+import { resolve } from 'path'
 import { VitePWA } from 'vite-plugin-pwa'
+import { snippets_plugin } from './snippet_tabs'
+import svgLoader from 'vite-svg-loader'
+import { getHighlighter } from "shiki";
 
 async function themeConfig() {
   const cfg: UserConfig = {
@@ -157,6 +160,15 @@ function getGuideSidebar(): DefaultTheme.SidebarGroup[] {
         },
       ],
     },
+    {
+        text: 'Documenting Iroha',
+        items: [
+          {
+            text: 'Code snippets',
+            link: '/documenting/snippets',
+          },
+        ],
+      },
   ]
 }
 
@@ -172,7 +184,7 @@ export default defineConfig({
   lang: 'en-US',
   vite: {
     plugins: [
-      Windi({ config: path.resolve(__dirname, '../windi.config.ts') }),
+      Windi({ config: resolve(__dirname, '../windi.config.ts') }),
       VitePWA({
         // Based on: https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
         manifest: {
@@ -193,6 +205,7 @@ export default defineConfig({
         strategies: 'injectManifest',
         injectRegister: false,
       }),
+      svgLoader()
     ],
   },
   lastUpdated: true,
@@ -205,8 +218,14 @@ export default defineConfig({
   ],
 
   markdown: {
-    config(md) {
+    async config(md) {
       md.use(footnote)
+      snippets_plugin(md, {
+        'snippet_root': resolve(__dirname, '../src/snippets/'),
+        'highlighter': await getHighlighter({
+            theme: "github-light"
+        })
+      })
     },
   },