Tencent · Ny9u · Aug 8, 2024 · Aug 12, 2024 · Sep 21, 2024
diff --git a/examples/cherry-markdown-svelte-demo/.gitignore b/examples/cherry-markdown-svelte-demo/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/examples/cherry-markdown-svelte-demo/README.md b/examples/cherry-markdown-svelte-demo/README.md
@@ -0,0 +1,8 @@
+# 介绍
+这是cherry-markdown的svelte示例
+
+# 开始
+```
+npm install
+npm run dev
+```
diff --git a/examples/cherry-markdown-svelte-demo/index.html b/examples/cherry-markdown-svelte-demo/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Cherry Svelte Demo</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
+
+
diff --git a/examples/cherry-markdown-svelte-demo/jsconfig.json b/examples/cherry-markdown-svelte-demo/jsconfig.json
@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "target": "ESNext",
+    "module": "ESNext",
+    /**
+     * svelte-preprocess cannot figure out whether you have
+     * a value or a type, so tell TypeScript to enforce using
+     * `import type` instead of `import` for Types.
+     */
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    /**
+     * To have warnings / errors of the Svelte compiler at the
+     * correct position, enable source maps by default.
+     */
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    /**
+     * Typecheck JS in `.svelte` and `.js` files by default.
+     * Disable this if you'd like to use dynamic types.
+     */
+    "checkJs": true
+  },
+  /**
+   * Use global.d.ts instead of compilerOptions.types
+   * to avoid limiting type declarations.
+   */
+  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/examples/cherry-markdown-svelte-demo/package.json b/examples/cherry-markdown-svelte-demo/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "cherry-markdown-svelte-demo",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "svelte": "^4.2.18",
+    "vite": "^5.3.4"
+  },
+  "dependencies": {
+    "cherry-markdown": "^0.8.45"
+  }
+}
diff --git a/examples/cherry-markdown-svelte-demo/public/favicon.ico b/examples/cherry-markdown-svelte-demo/public/favicon.ico
diff --git a/examples/cherry-markdown-svelte-demo/public/github.svg b/examples/cherry-markdown-svelte-demo/public/github.svg
diff --git a/examples/cherry-markdown-svelte-demo/public/logo--color.png b/examples/cherry-markdown-svelte-demo/public/logo--color.png
diff --git a/examples/cherry-markdown-svelte-demo/src/App.svelte b/examples/cherry-markdown-svelte-demo/src/App.svelte
@@ -0,0 +1,24 @@
+<script>
+  import NavBar from "./components/NavBar.svelte";
+  import NavMenu from "./components/NavMenu.svelte";
+  import Content from "./components/Content.svelte";
+</script>
+
+<main>
+  <div>
+    <NavBar/>
+    <div class="container">
+      <NavMenu/>
+      <Content/>
+    </div>
+  </div>
+</main>
+
+<style>
+.container {
+  max-width: 1241px;
+  display: flex;
+  flex-direction: row;
+}
+</style>
+
diff --git a/examples/cherry-markdown-svelte-demo/src/app.css b/examples/cherry-markdown-svelte-demo/src/app.css
@@ -0,0 +1,6 @@
+:root {
+  font-size: 18px;
+  font-family: 'Segoe UI';
+}
+
+