` instances to display different indicators on the same page.
+- Charts automatically respect your site's dark/light theme preference.
-## Next Steps
+## Next steps
- Learn about [multiple charts](/examples/multiple)
- Read the [quick-start guide](/guide/quick-start)
diff --git a/tests/vitepress/examples/multiple.md b/tests/vitepress/examples/multiple.md
index e84e7d2a..def77179 100644
--- a/tests/vitepress/examples/multiple.md
+++ b/tests/vitepress/examples/multiple.md
@@ -1,4 +1,4 @@
-# Multiple Charts
+# Multiple charts
Example showing how to manage multiple independent charts.
@@ -15,13 +15,13 @@ This example demonstrates:
This page is currently a **recipe page** (code example only), not a live
embedded demo. The code below uses real `@facioquo/indy-charts` APIs.
-## Basic Multiple Charts
+## Basic multiple charts
```typescript
import { ChartManager, createApiClient, setupIndyCharts } from "@facioquo/indy-charts";
setupIndyCharts();
-const client = createApiClient({ baseUrl: "https://localhost:5001" });
+const client = createApiClient({ baseUrl: "https://api.example.com" });
const quotes = await client.getQuotes();
const settings = { isDarkTheme: false, showTooltips: true };
@@ -45,7 +45,7 @@ manager2.initializeOverlay(
);
```
-## HTML Layout
+## HTML layout
```html
@@ -81,7 +81,7 @@ manager2.initializeOverlay(
```
-## Chart Comparison
+## Chart comparison
Create a side-by-side comparison with a shared quote source and different
window sizes:
@@ -101,7 +101,7 @@ const managers = windows.map((barCount, index) => {
});
```
-## Coordinated Window Changes (Application-Level)
+## Coordinated window changes (application-level)
`ChartManager` does not provide built-in synchronized zoom events. Coordinate
window changes in your app by applying `setBarCount()` to each instance:
@@ -116,7 +116,7 @@ function applyWindow(barCount: number) {
applyWindow(180);
```
-## Performance Considerations
+## Performance considerations
When managing multiple charts:
@@ -129,7 +129,7 @@ When managing multiple charts:
managers.forEach(manager => manager.destroy());
```
-## Next Steps
+## Next steps
- Learn about [installation](/guide/installation)
- Read the [quick-start guide](/guide/quick-start)
diff --git a/tests/vitepress/examples/sample-quotes.ts b/tests/vitepress/examples/sample-quotes.ts
new file mode 100644
index 00000000..024a573b
--- /dev/null
+++ b/tests/vitepress/examples/sample-quotes.ts
@@ -0,0 +1,48 @@
+import type { RawQuote } from "@facioquo/indy-charts";
+
+/**
+ * Forty synthetic daily OHLCV bars (Jan 2 β Feb 28, 2025).
+ * Demonstrates the {@link RawQuote} shape expected by `loadStaticQuotes`.
+ */
+export const SAMPLE_QUOTES: RawQuote[] = [
+ { timestamp: "2025-01-02", open: 180.0, high: 182.5, low: 179.2, close: 181.8, volume: 38500000 },
+ { timestamp: "2025-01-03", open: 181.8, high: 183.4, low: 180.5, close: 182.6, volume: 32100000 },
+ { timestamp: "2025-01-06", open: 182.6, high: 184.2, low: 181.0, close: 183.4, volume: 29800000 },
+ { timestamp: "2025-01-07", open: 183.4, high: 185.1, low: 182.3, close: 184.9, volume: 35200000 },
+ { timestamp: "2025-01-08", open: 184.9, high: 186.5, low: 183.6, close: 185.8, volume: 41600000 },
+ { timestamp: "2025-01-09", open: 185.8, high: 186.2, low: 183.0, close: 183.5, volume: 44900000 },
+ { timestamp: "2025-01-10", open: 183.5, high: 185.0, low: 182.4, close: 184.2, volume: 33700000 },
+ { timestamp: "2025-01-13", open: 184.2, high: 185.8, low: 183.1, close: 185.4, volume: 38200000 },
+ { timestamp: "2025-01-14", open: 185.4, high: 187.6, low: 184.9, close: 187.2, volume: 52300000 },
+ { timestamp: "2025-01-15", open: 187.2, high: 188.5, low: 186.0, close: 187.8, volume: 39100000 },
+ { timestamp: "2025-01-16", open: 187.8, high: 188.9, low: 185.2, close: 185.9, volume: 48600000 },
+ { timestamp: "2025-01-17", open: 185.9, high: 187.1, low: 184.5, close: 186.6, volume: 31400000 },
+ { timestamp: "2025-01-21", open: 186.6, high: 188.2, low: 185.8, close: 187.9, volume: 36800000 },
+ { timestamp: "2025-01-22", open: 187.9, high: 189.3, low: 186.7, close: 188.5, volume: 43200000 },
+ { timestamp: "2025-01-23", open: 188.5, high: 190.0, low: 187.4, close: 189.7, volume: 55600000 },
+ { timestamp: "2025-01-24", open: 189.7, high: 191.2, low: 188.6, close: 190.3, volume: 48900000 },
+ { timestamp: "2025-01-27", open: 190.3, high: 191.5, low: 188.8, close: 189.1, volume: 37500000 },
+ { timestamp: "2025-01-28", open: 189.1, high: 190.4, low: 186.9, close: 187.4, volume: 52100000 },
+ { timestamp: "2025-01-29", open: 187.4, high: 188.9, low: 186.2, close: 188.7, volume: 34800000 },
+ { timestamp: "2025-01-30", open: 188.7, high: 190.5, low: 187.8, close: 190.2, volume: 41300000 },
+ { timestamp: "2025-01-31", open: 190.2, high: 192.8, low: 189.5, close: 192.4, volume: 68900000 },
+ { timestamp: "2025-02-03", open: 192.4, high: 193.6, low: 191.3, close: 192.9, volume: 44200000 },
+ { timestamp: "2025-02-04", open: 192.9, high: 194.1, low: 191.8, close: 193.6, volume: 39700000 },
+ { timestamp: "2025-02-05", open: 193.6, high: 195.2, low: 192.4, close: 194.8, volume: 46500000 },
+ { timestamp: "2025-02-06", open: 194.8, high: 196.0, low: 193.2, close: 194.1, volume: 38300000 },
+ { timestamp: "2025-02-07", open: 194.1, high: 194.8, low: 191.4, close: 191.9, volume: 53700000 },
+ { timestamp: "2025-02-10", open: 191.9, high: 193.4, low: 190.8, close: 193.1, volume: 35200000 },
+ { timestamp: "2025-02-11", open: 193.1, high: 194.6, low: 192.0, close: 194.3, volume: 42800000 },
+ { timestamp: "2025-02-12", open: 194.3, high: 196.5, low: 193.7, close: 196.1, volume: 59400000 },
+ { timestamp: "2025-02-13", open: 196.1, high: 197.8, low: 195.2, close: 197.4, volume: 47600000 },
+ { timestamp: "2025-02-14", open: 197.4, high: 198.5, low: 195.8, close: 196.2, volume: 43100000 },
+ { timestamp: "2025-02-18", open: 196.2, high: 197.4, low: 194.6, close: 195.8, volume: 38900000 },
+ { timestamp: "2025-02-19", open: 195.8, high: 197.2, low: 194.8, close: 196.9, volume: 36700000 },
+ { timestamp: "2025-02-20", open: 196.9, high: 198.6, low: 196.0, close: 198.2, volume: 44500000 },
+ { timestamp: "2025-02-21", open: 198.2, high: 199.8, low: 197.5, close: 199.4, volume: 51200000 },
+ { timestamp: "2025-02-24", open: 199.4, high: 200.5, low: 197.8, close: 198.7, volume: 48700000 },
+ { timestamp: "2025-02-25", open: 198.7, high: 200.1, low: 197.2, close: 199.9, volume: 42300000 },
+ { timestamp: "2025-02-26", open: 199.9, high: 201.4, low: 199.1, close: 200.8, volume: 55100000 },
+ { timestamp: "2025-02-27", open: 200.8, high: 202.5, low: 199.6, close: 201.7, volume: 63800000 },
+ { timestamp: "2025-02-28", open: 201.7, high: 203.2, low: 200.5, close: 202.4, volume: 57200000 }
+];
diff --git a/tests/vitepress/guide/api-client.md b/tests/vitepress/guide/api-client.md
index 3f6b8e1b..a538af3b 100644
--- a/tests/vitepress/guide/api-client.md
+++ b/tests/vitepress/guide/api-client.md
@@ -1,15 +1,15 @@
-# API Client Configuration
+# API client configuration
The `@facioquo/indy-charts` library includes a lightweight API client for
fetching quotes and indicator data from the stock-charts Web API.
-## Basic Usage
+## Basic usage
```typescript
import { createApiClient } from "@facioquo/indy-charts";
const client = createApiClient({
- baseUrl: "https://localhost:5001",
+ baseUrl: "https://api.example.com",
onError: (context, error) => {
console.error(context, error);
}
@@ -33,7 +33,7 @@ const client = createApiClient({
});
```
-## Available Methods
+## Available methods
```typescript
const quotes = await client.getQuotes();
@@ -46,7 +46,7 @@ const rows = await client.getSelectionData(selection, listing);
- `getSelectionData(selection, listing)` fetches computed indicator rows using
the listing endpoint and `selection.params`
-## Data Format
+## Data format
The API expects quote data in the following format:
@@ -61,7 +61,7 @@ interface Quote {
}
```
-## Next Steps
+## Next steps
- [Basic example](/examples/)
- [Adding indicators](/examples/indicators)
diff --git a/tests/vitepress/guide/index.md b/tests/vitepress/guide/index.md
index ef784e05..74367bdf 100644
--- a/tests/vitepress/guide/index.md
+++ b/tests/vitepress/guide/index.md
@@ -8,18 +8,18 @@
- API client utilities and static data helpers
- Pre-configured chart options
-Built on top of [@facioquo/chartjs-chart-financial](https://github.com/facioquo/stock-charts/tree/main/libs/chartjs-financial) and Chart.js.
+Built on top of [chart.js](https://chartjs.org).
## Features
-### Chart Types
+### Chart types
- **Candlestick Charts**: Classic Japanese candlestick visualization
- **OHLC Charts**: Open-High-Low-Close bar charts
- **Volume Charts**: Trading volume bars with color coding
- **Line Charts**: Price trends and indicator overlays
-### Technical Indicators
+### Technical indicators
Support for common indicators including:
@@ -30,7 +30,7 @@ Support for common indicators including:
- Bollinger Bands
- And more...
-### API Client
+### API client
Built-in API client with:
@@ -56,7 +56,7 @@ The library is organized into modules:
- **data/**: Data transformation utilities
- **api/**: API client and data loading
-## Use Cases
+## Use cases
Perfect for:
@@ -66,7 +66,7 @@ Perfect for:
- Technical analysis tools
- Educational projects
-## Browser Support
+## Browser support
Works in all modern browsers that support:
@@ -74,7 +74,7 @@ Works in all modern browsers that support:
- Canvas API
- `fetch` API
-## Next Steps
+## Next steps
- [Installation](/guide/installation) - Install the library
- [Quick Start](/guide/quick-start) - Create your first chart
diff --git a/tests/vitepress/guide/installation.md b/tests/vitepress/guide/installation.md
index 79306f2e..7ab3117b 100644
--- a/tests/vitepress/guide/installation.md
+++ b/tests/vitepress/guide/installation.md
@@ -2,41 +2,29 @@
## Prerequisites
-Make sure you have Node.js 24+ installed.
+Make sure you have Node.js 22+ installed.
-## Install Dependencies
+## Install dependencies
-Install the VitePress adapter package and its setup-level peer dependencies:
+Install the package and its peer dependencies:
::: code-group
```bash [npm]
-npm install @facioquo/indy-charts \
- chart.js \
- chartjs-adapter-date-fns \
- chartjs-plugin-annotation \
- date-fns
+npm install @facioquo/indy-charts chart.js chartjs-plugin-annotation
```
```bash [pnpm]
-pnpm add @facioquo/indy-charts \
- chart.js \
- chartjs-adapter-date-fns \
- chartjs-plugin-annotation \
- date-fns
+pnpm add @facioquo/indy-charts chart.js chartjs-plugin-annotation
```
```bash [yarn]
-yarn add @facioquo/indy-charts \
- chart.js \
- chartjs-adapter-date-fns \
- chartjs-plugin-annotation \
- date-fns
+yarn add @facioquo/indy-charts chart.js chartjs-plugin-annotation
```
:::
-## Package Overview
+## Package overview
### @facioquo/indy-charts
@@ -46,35 +34,26 @@ The main library providing:
- Configuration builders
- Data transformers
- API client
-- VitePress adapter through `@facioquo/indy-charts/vitepress`
+- Vue adapter through `@facioquo/indy-charts/vue` (also works with VitePress)
-### Peer Dependencies
+### Peer dependencies
- **chart.js**: Core charting library
-- **chartjs-adapter-date-fns**: Date handling for Chart.js
- **chartjs-plugin-annotation**: Annotation support
-- **date-fns**: Date formatting utilities
-### Transitive Dependency
+### Bundled dependencies
-`@facioquo/indy-charts` depends on `@facioquo/chartjs-chart-financial`
-internally. Most consumers should not need to install it directly.
+Date and time utilities are bundled inside `@facioquo/indy-charts`.
+You do not need to install additional date-handling packages.
-### VitePress authoring imports
+### Vue integration
-Register charts once in `.vitepress/theme/index.ts` by importing
-`setupIndyChartsForVitePress` from `@facioquo/indy-charts/vitepress`.
-Markdown page authors should use `` and should not import
-Chart.js, the API client, or `@facioquo/chartjs-chart-financial` directly.
-
-Vue is an optional peer dependency because only the VitePress subpath imports
-Vue. Consumers that use the root `@facioquo/indy-charts` APIs outside VitePress
-do not load the Vue adapter.
+For Vue applications (including VitePress), register the chart library once in your app entry point. Vue developers should use the `` component for simple, interactive charts without manual Chart.js configuration.
## TypeScript
Both libraries include full TypeScript definitions. No additional `@types` packages needed.
-## Next Steps
+## Next steps
Continue to [Quick Start](/guide/quick-start) to create your first chart.
diff --git a/tests/vitepress/guide/quick-start.md b/tests/vitepress/guide/quick-start.md
index f4b0d4c2..ba0e0207 100644
--- a/tests/vitepress/guide/quick-start.md
+++ b/tests/vitepress/guide/quick-start.md
@@ -1,10 +1,90 @@
-# Quick Start
+# Quick start
-This guide will help you create your first financial chart in minutes.
+This guide shows how to render financial charts using `@facioquo/indy-charts` in any JavaScript or TypeScript project. [VitePress integration](#using-vitepress) is covered below.
-## Step 1: Register the VitePress adapter
+## Step 1: Initialize once
-Register the adapter once from `.vitepress/theme/index.ts`:
+Call `setupIndyCharts()` once at application startup to prepare the charting library:
+
+```typescript
+import { setupIndyCharts } from "@facioquo/indy-charts";
+
+setupIndyCharts();
+```
+
+Call this before creating any charts. It's safe to call multiple times; subsequent calls have no effect.
+
+## Step 2: Connect your API
+
+Create an API client pointed at your stock-charts API endpoint:
+
+```typescript
+import { createApiClient } from "@facioquo/indy-charts";
+
+const api = createApiClient({
+ baseUrl: "https://api.example.com"
+});
+```
+
+See [API client configuration](/guide/api-client) for all options.
+
+## Step 3: Render a price chart
+
+Add a canvas element to your HTML:
+
+```html
+
+```
+
+Initialize the chart manager and overlay chart:
+
+```typescript
+import { ChartManager } from "@facioquo/indy-charts";
+
+const quotes = await api.getQuotes();
+const manager = new ChartManager({ settings: { isDarkTheme: false, showTooltips: true } });
+
+const overlayCanvas = document.getElementById("overlay-chart") as HTMLCanvasElement;
+manager.initializeOverlay(overlayCanvas, quotes, 250);
+```
+
+## Step 4: Add an indicator
+
+Fetch available indicators, create a selection, load its data, then add it to the chart:
+
+```typescript
+import { createDefaultSelection, loadStaticIndicatorData } from "@facioquo/indy-charts";
+
+const listings = await api.getListings();
+const listing = listings.find(l => l.uiid === "RSI")!;
+const selection = createDefaultSelection(listing, { lookbackPeriods: 14 });
+
+const rawData = await api.getSelectionData(selection, listing);
+const data = loadStaticIndicatorData(rawData);
+
+manager.processSelectionData(selection, listing, data);
+manager.displaySelection(selection, listing);
+
+// Oscillator indicators (RSI, MACD, etc.) render in a separate canvas panel
+if (listing.chartType === "oscillator") {
+ const rsiCanvas = document.getElementById("rsi-chart") as HTMLCanvasElement;
+ manager.createOscillator(rsiCanvas, selection, listing);
+}
+```
+
+Add the oscillator canvas to your HTML alongside the overlay canvas:
+
+```html
+
+```
+
+## Using VitePress
+
+For VitePress sites, use the built-in `` componentβno manual canvas management needed. Configure it once in your theme.
+
+### Set up the component
+
+In `.vitepress/theme/index.ts`:
```typescript
import DefaultTheme from "vitepress/theme";
@@ -15,7 +95,7 @@ export default {
extends: DefaultTheme,
enhanceApp({ app }) {
setupIndyChartsForVitePress(app, {
- api: { baseUrl: "https://localhost:5001" },
+ api: { baseUrl: "https://api.example.com" },
defaults: { barCount: 250, quoteCount: 250, showTooltips: true },
indicators: {
rsi: {
@@ -30,9 +110,7 @@ export default {
};
```
-## Step 2: Add a chart to Markdown
-
-Use the global component in any Markdown page:
+### Add a chart to Markdown
```vue
@@ -40,53 +118,18 @@ Use the global component in any Markdown page:
```
-## Step 3: Override page-specific options
-
-Use `config` for page-specific titles, parameters, or displayed result series:
+Override per-page options with `:config`:
```vue
```
-## Complete Example
-
-Site setup:
-
-```typescript
-import DefaultTheme from "vitepress/theme";
-
-import { setupIndyChartsForVitePress } from "@facioquo/indy-charts/vitepress";
-
-export default {
- extends: DefaultTheme,
- enhanceApp({ app }) {
- setupIndyChartsForVitePress(app, {
- api: { baseUrl: "https://localhost:5001" },
- indicators: { ema: { uiid: "EMA", params: { lookbackPeriods: 20 } } }
- });
- }
-};
-```
-
-Markdown page:
-
-```vue
-
-
-
-```
-
-## Advanced API usage
-
-Use `createApiClient`, `OverlayChart`, and `ChartManager` directly when building
-custom applications outside the VitePress adapter.
-
-## What's Next?
+## What's next?
- See [basic example](/examples/) for a working demo
- Learn about [indicators](/examples/indicators)
diff --git a/tests/vitepress/guide/themes.md b/tests/vitepress/guide/themes.md
new file mode 100644
index 00000000..8bcb0603
--- /dev/null
+++ b/tests/vitepress/guide/themes.md
@@ -0,0 +1,78 @@
+# Theme customization
+
+The library includes built-in light and dark themes that automatically adapt to your application's appearance preference.
+
+## Theme support
+
+By default, charts automatically detect your site's theme:
+
+- **Light theme**: Light backgrounds with dark text
+- **Dark theme**: Dark backgrounds with light text
+
+Colors are applied consistently to:
+
+- Axis labels and values
+- Annotation backgrounds
+- Grid lines
+- Chart grid colors
+
+## Customizing theme colors
+
+For advanced use cases, you can customize the theme colors by using the `getThemeColors()` function:
+
+```typescript
+import { getThemeColors } from "@facioquo/indy-charts";
+
+// Get colors for your current theme
+const colors = getThemeColors({
+ isDarkTheme: true,
+ showTooltips: true
+});
+
+// colors.text = "#9E9E9E"
+// colors.background = "#12131680"
+// colors.grid = "#2E2E2E"
+```
+
+The returned colors apply to all UI elements:
+
+```typescript
+export interface ThemeColors {
+ text: string; // Axis label and annotation text color
+ background: string; // Background color for labels and annotations
+ grid: string; // Grid line color
+}
+```
+
+## Light and dark presets
+
+| Element | Light | Dark |
+|---------|-------|------|
+| **Text** | `#121316` | `#9E9E9E` |
+| **Background** | `#FAF9FD90` | `#12131680` |
+| **Grid** | `#E0E0E0` | `#2E2E2E` |
+
+## VitePress integration
+
+VitePress automatically switches theme colors when users toggle dark mode:
+
+```vue
+
+
+
+```
+
+Charts update automatically as the user's theme preference changes.
+
+## Candlestick colors
+
+Financial chart colors (candlesticks, volume) use dedicated color palettes that are separate from theme colors. These are based on price movement:
+
+- **Up days**: Green
+- **Down days**: Red
+- **Unchanged**: Gray
+
+## Next steps
+
+- [Quick Start](/guide/quick-start) - Get started with basic charts
+- [Examples](/examples/) - See working examples
diff --git a/tests/vitepress/index.md b/tests/vitepress/index.md
index 4b082c78..e824656f 100644
--- a/tests/vitepress/index.md
+++ b/tests/vitepress/index.md
@@ -3,31 +3,31 @@ layout: home
hero:
name: Indy Charts
- text: Financial Charting Made Simple
+ text: Financial charting made simple
tagline: Framework-agnostic financial charting library with technical indicators
actions:
- theme: brand
- text: Get Started
+ text: Get started
link: /guide/
- theme: alt
- text: View Examples
+ text: View examples
link: /examples/
features:
- icon: π
- title: Financial Charts
+ title: Financial charts
details: Candlestick, OHLC, and volume charts built on Chart.js with full customization.
- icon: π
- title: Technical Indicators
+ title: Technical indicators
details: Support for multiple indicators including SMA, EMA, RSI, MACD, and more.
- icon: π¨
- title: Theme Support
+ title: Theme support
details: Built-in light and dark themes with customizable color palettes.
- icon: π§
- title: Framework Agnostic
+ title: Framework agnostic
details: Works with Vue, React, Angular, or vanilla JavaScript.
- icon: π¦
@@ -39,21 +39,40 @@ features:
details: Optimized for large datasets with efficient rendering and responsive chart updates.
---
-## Quick Example
+## Quick example
```typescript
-import { setupIndyChartsForVitePress } from "@facioquo/indy-charts/vitepress";
+import { createApiClient, OverlayChart, setupIndyCharts } from "@facioquo/indy-charts";
+
+setupIndyCharts();
+
+const client = createApiClient({ baseUrl: "https://api.example.com" });
+const quotes = await client.getQuotes();
+
+const canvas = document.getElementById("main-chart");
+if (!(canvas instanceof HTMLCanvasElement)) throw new Error("Chart canvas not found");
+
+const chart = new OverlayChart(canvas, { isDarkTheme: false, showTooltips: true });
+chart.render(quotes.slice(-250));
+```
+
+**Using Vue?** Register the adapter once in your app entry point (e.g. `.vitepress/theme/index.ts` for VitePress, or `main.ts` for plain Vue):
+
+```typescript
+import { setupIndyChartsForVue } from "@facioquo/indy-charts/vue";
export default {
enhanceApp({ app }) {
- setupIndyChartsForVitePress(app, {
- api: { baseUrl: "https://localhost:5001" },
+ setupIndyChartsForVue(app, {
+ api: { baseUrl: "https://api.example.com" },
indicators: { ema: { uiid: "EMA", params: { lookbackPeriods: 20 } } }
});
}
};
```
+Then use the global component from Markdown:
+
```vue
@@ -65,15 +84,15 @@ export default {
::: code-group
```bash [npm]
-npm install @facioquo/indy-charts chart.js chartjs-adapter-date-fns chartjs-plugin-annotation date-fns
+npm install @facioquo/indy-charts chart.js chartjs-plugin-annotation
```
```bash [pnpm]
-pnpm add @facioquo/indy-charts chart.js chartjs-adapter-date-fns chartjs-plugin-annotation date-fns
+pnpm add @facioquo/indy-charts chart.js chartjs-plugin-annotation
```
```bash [yarn]
-yarn add @facioquo/indy-charts chart.js chartjs-adapter-date-fns chartjs-plugin-annotation date-fns
+yarn add @facioquo/indy-charts chart.js chartjs-plugin-annotation
```
:::
diff --git a/tests/vitepress/package.json b/tests/vitepress/package.json
index 2e087fac..d90cf0c7 100644
--- a/tests/vitepress/package.json
+++ b/tests/vitepress/package.json
@@ -9,6 +9,7 @@
"dev": "pnpm run build:libs && vitepress dev --host 0.0.0.0 --port 4300",
"build": "pnpm run build:libs && vitepress build",
"preview": "vitepress preview --port 4301",
+ "preview:test": "vitepress preview --port 4302",
"lint": "eslint .",
"lint:fix": "eslint . --fix"
},
@@ -21,11 +22,11 @@
},
"devDependencies": {
"@eslint/js": "^10.0.1",
- "eslint": "^10.2.1",
+ "eslint": "^10.4.0",
"eslint-config-prettier": "^10.1.8",
- "jiti": "^2.6.1",
- "typescript-eslint": "^8.59.1",
+ "jiti": "^2.7.0",
+ "typescript-eslint": "^8.59.3",
"vitepress": "2.0.0-alpha.16",
- "vue": "3.5.33"
+ "vue": "3.5.34"
}
}
diff --git a/tests/vitepress/tsconfig.json b/tests/vitepress/tsconfig.json
new file mode 100644
index 00000000..38e16ea9
--- /dev/null
+++ b/tests/vitepress/tsconfig.json
@@ -0,0 +1,12 @@
+{
+ "compilerOptions": {
+ "target": "ES2022",
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "strict": true,
+ "skipLibCheck": true,
+ "lib": ["ES2022", "DOM"],
+ "types": ["node"]
+ },
+ "include": ["**/*.ts", "**/*.vue", "env.d.ts", ".vitepress/**/*.ts"]
+}