Vue schema validation

Vite + Vue with the schema-validation plugin and mixed valid/invalid content.
vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { fileURLToPath } from 'node:url'
import { comarkContent } from 'comark-content'
import fs from 'comark-content/sources/fs'
import json from 'comark-content/plugins/json'
import yaml from 'comark-content/plugins/yaml'
import schemaValidation from 'comark-content/plugins/schema-validation'
import comark from 'comark-content/vite'
import { articleSchema } from './schema.ts'

const content = comarkContent({
  source: fs(fileURLToPath(new URL('./content', import.meta.url)), { schema: articleSchema }),
  plugins: [json(), yaml(), schemaValidation()],
})

export default defineConfig({
  plugins: [vue(), comark({ content })],
})