openpencil/packages/docs/.vitepress/theme/SchemaOrg.vue

40 lines
1.1 KiB
Vue
Raw Normal View History

<script setup lang="ts">
import { useData } from 'vitepress'
const { page } = useData()
const isEnHome = page.value.relativePath === 'index.md'
const schema = JSON.stringify({
'@context': 'https://schema.org',
'@type': 'SoftwareApplication',
name: 'OpenPencil',
applicationCategory: 'DesignApplication',
operatingSystem: 'Windows, macOS, Linux, Web',
offers: {
'@type': 'Offer',
price: '0',
priceCurrency: 'USD',
},
url: 'https://app.openpencil.dev',
description:
'Open-source, AI-native design editor. Figma-compatible with full .fig file support.',
2026-03-07 21:20:47 +00:00
softwareVersion: '0.8.0',
license: 'https://opensource.org/licenses/MIT',
screenshot: 'https://openpencil.dev/screenshot.png',
downloadUrl: 'https://github.com/open-pencil/open-pencil/releases/latest',
featureList: [
'Open .fig files natively',
'AI chat with 78 design tools',
'MCP server for AI coding tools',
'P2P real-time collaboration',
'Headless CLI for automation',
'Desktop app via Tauri',
],
})
</script>
<template>
<component :is="'script'" v-if="isEnHome" type="application/ld+json">{{ schema }}</component>
</template>