hunk.code_window:     const ranges = rangeStr.split(/\|/g).map(i => i.trim())
       return `\n<CodeHighlightController :ranges='${JSON.stringify(ranges)}'>\n\n\`\`\`${lang}\n${code}\n\`\`\`\n\n</CodeHighlightController>`
     })
   }
   /**
  
hunk.labels: keep replace keep keep keep keep
hunk.after_edit:     options = options.trim() || '{}'
       return `\n<CodeHighlightController v-bind="${options}" :ranges='${JSON.stringify(ranges)}'>\n\n\`\`\`${lang}\n${code}\n\`\`\`\n\n</CodeHighlightController>`
  
hunk.file_path: packages/slidev/node/plugins/markdown.ts
hunk.type: replace
file: # Installation
  
  ## Starter Template
  
  The best way to get started is using our official starter template.
  
  With NPM:
  
  ```bash
  $ npm init slidev
  ```
  
  With Yarn:
  
  ```bash
  $ yarn create slidev
  ```
  
  It contains the setup and a short demo with instructions on how to use it. You should definitely give it a try.
  
  ## Install Manually
  
  If you still prefer to install Slidev manually or would like to integrate it into your existing projects, you can do:
  
  ```bash
  $ npm install @slidev/cli @slidev/theme-default
  ```
  ```bash
  $ touch slides.md
  ```
  ```bash
  $ npx slidev
  ```
  
  > Please note if you are using [pnpm](https://pnpm.io), you will need to enable [shamefully-hoist](https://pnpm.io/npmrc#shamefully-hoist) option for Slidev to work properly:
  >
  > ```bash
  > echo 'shamefully-flatten=true' >> .npmrc
  > ```
  
  ## Install on Docker
  
  If you need a rapid way to run a presentation with containers, you can use the prebuilt [docker](https://hub.docker.com/r/stig124/slidev) image maintained by [stig124](https://github.com/Stig124), or build your own.
  
  Refer to the [slidevjs/container repo](https://github.com/slidevjs/container) for more details.
  