src/lib/components/CodeSnippet/index.svelte

<script>
  import { marked } from 'marked';

  export let code = '';
</script>

<div class="bg-gray-200 dark:bg-gray-500 p-5 rounded-md mb-3">
  {@html marked('```js\n' + code + '\n```')}
</div>
Code snippet, better UX in questionnaire 2021-07-03 19:29:41 +00:00			`<script>`
CLASSROOMIO-T-80: Replace sapper with sveltekit 2023-08-02 19:35:27 +01:00			`import { marked } from 'marked';`
Code snippet, better UX in questionnaire 2021-07-03 19:29:41 +00:00
CLASSROOMIO-T-41: Implement dark/light mode switch 2023-05-05 20:19:45 +00:00			`export let code = '';`
Code snippet, better UX in questionnaire 2021-07-03 19:29:41 +00:00			`</script>`

CLASSROOMIO-T-41: Implement dark/light mode switch 2023-05-05 20:19:45 +00:00			`<div class="bg-gray-200 dark:bg-gray-500 p-5 rounded-md mb-3">`
			{@html marked('```js\n' + code + '\n```')}
Code snippet, better UX in questionnaire 2021-07-03 19:29:41 +00:00			`</div>`