chore: fix playground

packages/bytemd/build.mjs

@@ -33,6 +33,14 @@ import { execaCommand } from 'execa'
   console.log('build js files...')
   await execaCommand('tsc --project tsconfig.svelte.json')
 
+  console.log('patch index js...')
+  let js = await fs.readFile('svelte/index.js', 'utf8')
+  js = js
+    .split('\n')
+    .filter((line) => line.includes('index.scss'))
+    .join('\n')
+  await fs.writeFile('svelte/index.js', js)
+
   console.log('processing style files (backward compatibility)...')
   await fs.move('dist/style.css', 'dist/index.css')
   await fs.copy('dist/index.css', 'dist/index.min.css')

playground/package.json

@@ -20,5 +20,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build"
+  },
+  "devDependencies": {
+    "vite": "^2.9.12"
   }
 }

playground/src/app.svelte

@@ -10,6 +10,7 @@
   import gemoji from '@bytemd/plugin-gemoji'
   import markdownText from './text.md?raw'
 
+  import 'bytemd/dist/index.css'
   import 'highlight.js/styles/vs.css'
   import 'github-markdown-css' // placed after highlight styles to override `code` padding
   import 'katex/dist/katex.css'