chore: move posts to qmd

VEGA-LITE-SETUP.md

@@ -18,7 +18,7 @@
 ### Basic Usage
 
 ````markdown
-```{vega-lite}
+```{.vega-lite}
 {
   "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
   "data": {
@@ -39,18 +39,19 @@
 ### With Options
 
 ````markdown
-```{vega-lite}
-#| echo: false
-#| code-fold: true
+```{.vega-lite echo=false}
 {your vega spec}
 ```
 ````
 
 **Supported options:**
-- `echo: false` - Hide the code, show only the visualization
-- `echo: true` - Show both code and visualization (default)
-- `code-fold: true` - Make code collapsible (collapsed by default)
-- `code-fold: show` - Make code collapsible but open by default
+- `echo=false` - Hide the code, show only the visualization
+- `echo=true` - Show code (default)
+- `code-fold=true` - Make code collapsible and collapsed (default)
+- `code-fold=show` - Make code collapsible but expanded by default
+- `code-fold=false` - Show code expanded, not collapsible
+
+**Default behavior:** Code is shown in a collapsed, expandable section. Click to view the code.
 
 ## 🔧 How the Filter Works
 
@@ -81,7 +82,7 @@ The `vega-lite.lua` filter:
 
 **Quarto with Lua filter (NEW):**
 ````markdown
-```{vega-lite}
+```{.vega-lite}
 {
   "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
   "mark": "bar",
@@ -107,7 +108,7 @@ The `vega-lite.lua` filter:
 
 3. **Replace with code fence:**
    ````markdown
-   ```{vega-lite}
+   ```{.vega-lite}
    {your JSON spec here}
    ```
    ````
@@ -140,7 +141,7 @@ categories:
 
 ## Simple Bar Chart
 
-```{vega-lite}
+```{.vega-lite}
 {
   "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
   "description": "A simple bar chart",
@@ -178,4 +179,4 @@ categories:
 - Verify Vega-Lite spec schema version matches (v5)
 
 **Code block shown as plain text:**
-- Make sure you're using ````{vega-lite}` not ````{json}` or ````json`
+- Make sure you're using ````{.vega-lite}` not ````{json}` or ````json`