feat: add youtube playlist

docs/videos/GL.md

@@ -0,0 +1,13 @@
+---
+title: GL
+description: A video playlist of GL
+slug: /videos/gl
+tags: ["SQL Account", "Video", "GL"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# GL
+
+<YouTubePlaylist playlistId="PLudOzz78YHQIbiof-av0WH8oNlVa2UgOT"/>

docs/videos/_category_.json

@@ -0,0 +1,9 @@
+{
+    "label": "Videos",
+    "position": 11,
+    "link": {
+        "type": "generated-index",
+        "title": "Videos",
+        "description": "A comprehensive video playlist for SQL Account"
+    }
+}

docs/videos/add-to-cart.md

@@ -0,0 +1,13 @@
+---
+title: AddToCart App
+description: A video playlist of AddToCart app
+slug: /videos/add-to-cart
+tags: ["SQL Account", "Video", "App", "AddToCart"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# AddToCart App
+
+<YouTubePlaylist playlistId="PLudOzz78YHQJS8FM2gWecA8EDUaM5J_rH"/>

docs/videos/customer-sales.md

@@ -0,0 +1,13 @@
+---
+title: Customer / Sales
+description: A video playlist of Customer and Sales
+slug: /videos/customer-sales
+tags: ["SQL Account", "Video", "Customer", "Sales"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# Customer / Sales
+
+<YouTubePlaylist playlistId="PLudOzz78YHQIpM8BuAVeECWm7vDL5kWai"/>

docs/videos/customization.md

@@ -0,0 +1,13 @@
+---
+title: Customization
+description: A video playlist of Customization features
+slug: /videos/customisation
+tags: ["SQL Account", "Video", "Customization"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@src-sqlacc/components/yt-playlist';
+
+# Customization
+
+<YouTubePlaylist playlistId="PLudOzz78YHQL79fbUaVCx__kdvZq617Tb"/>

docs/videos/customize-report-diy.md

@@ -0,0 +1,13 @@
+---
+title: Customize Report / DIY
+description: A video playlist of how-to customize report and use DIY script
+slug: /videos/customize-report-diy
+tags: ["SQL Account", "Video", "Customize", "Report", "DIY"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# Customize Report / DIY
+
+<YouTubePlaylist playlistId="PLudOzz78YHQIIkwspIQ8iSmZzwXBY5whS"/>  

docs/videos/data-import.md

@@ -0,0 +1,13 @@
+---
+title: Data Import
+description: A video playlist of Data Import features
+slug: /videos/data-import
+tags: ["SQL Account", "Video", "Data Import"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# Data Import
+
+<YouTubePlaylist playlistId="PLudOzz78YHQJo8B3f_mpN8X23uaKz4NqR"/>

docs/videos/eCommerce.md

@@ -0,0 +1,13 @@
+---
+title: E-Commerce
+description: A video playlist of E-Commerce feature
+slug: /videos/eCommerce
+tags: ["SQL Account", "Video", "E-Commerce"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# E-Commerce
+
+<YouTubePlaylist playlistId="PLudOzz78YHQKmjMX8U9XJo_S8nDOoMhRy"/>

docs/videos/gst.md

@@ -0,0 +1,13 @@
+---
+title: GST
+description: A video playlist of GST
+slug: /videos/gst
+tags: ["SQL Account", "Video", "Tax", "GST"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# GST
+
+<YouTubePlaylist playlistId="PLudOzz78YHQItIS1PjhrZ8Q4_B1sbN5WX"/>

docs/videos/interbank-giro.md

@@ -0,0 +1,13 @@
+---
+title: Interbank GIRO
+description: A video playlist of Interbank GIRO
+slug: /videos/interbank-giro
+tags: ["SQL Account", "Video", "Bank", "GIRO"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# Interbank GIRO
+
+<YouTubePlaylist playlistId="PLudOzz78YHQLZDg3NrXM60u5ZTqmA2KD9"/>

docs/videos/production.md

@@ -0,0 +1,13 @@
+---
+title: Production
+description: A video playlist of Production Job
+slug: /videos/production
+tags: ["SQL Account", "Video", "Production"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# Production
+
+<YouTubePlaylist playlistId="PLudOzz78YHQKCQuk6rGZFGvrIURGuI3ZQ"/>

docs/videos/sst.md

@@ -0,0 +1,13 @@
+---
+title: SST
+description: A video playlist of SST app
+slug: /videos/sst
+tags: ["SQL Account", "Video", "Tax", "SST"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# SST
+
+<YouTubePlaylist playlistId="PLudOzz78YHQKZT48ma-mxC_9MuH8jkkMy"/>

docs/videos/stock-take-app.md

@@ -0,0 +1,13 @@
+---
+title: Stock Take App
+description: A video playlist of Stock Take
+slug: /videos/stock-take-app
+tags: ["SQL Account", "Video", "App", "Stock Take"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# Stock Take App
+
+<YouTubePlaylist playlistId="PLudOzz78YHQL8ayRuWGrnof-IHsp5X90r"/>

docs/videos/stock.md

@@ -0,0 +1,13 @@
+---
+title: Stock
+description: A video playlist of Stock
+slug: /videos/stock
+tags: ["SQL Account", "Video", "Stock"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# Stock
+
+<YouTubePlaylist playlistId="PLudOzz78YHQIsaOGDQpss0MnGp7HlvWL8"/>

docs/videos/supplier-purchase.md

@@ -0,0 +1,13 @@
+---
+title: Supplier / Purchase
+description: A video playlist of Supplier and Purchase
+slug: /videos/supplier-purchase
+tags: ["SQL Account", "Video", "Supplier", "Purchase"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# Supplier / Purchase
+
+<YouTubePlaylist playlistId="PLudOzz78YHQK3P3dAG4I6d6QZCbwGiJxB"/>

docs/videos/tool-settings-backup.md

@@ -0,0 +1,13 @@
+---
+title: Tool & Settings/Backup
+description: A video playlist of Tools, Settings and Backup
+slug: /videos/tool-settings-backup
+tags: ["SQL Account", "Video", "Settings", "Tools", "Backup"]
+hide_table_of_contents: true
+---
+
+import YouTubePlaylist from '@site/src/components/yt-playlist';
+
+# Tool & Settings/Backup
+
+<YouTubePlaylist playlistId="PLudOzz78YHQKiG__Qu1zemVMK9ZLq0SPX"/>

docusaurus.config.js

@@ -6,6 +6,10 @@
 
 import { themes as prismThemes } from "prism-react-renderer";
 import path from "path";
+import dotenv from 'dotenv';
+
+// Load environment variables from .env file
+dotenv.config();
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -46,6 +50,11 @@ const config = {
       };
     }
   ],
+
+  customFields: {
+    youtubeApiKey: process.env.YOUTUBE_API_KEY,
+  },
+
   presets: [
     [
       "classic",

package.json

@@ -20,6 +20,7 @@
     "@easyops-cn/docusaurus-search-local": "^0.40.1",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
+    "dotenv": "^16.4.7",
     "plugin-image-zoom": "github:flexanalytics/plugin-image-zoom",
     "prism-react-renderer": "^2.3.0",
     "qrcode.react": "^4.2.0",