feat: classroomio blog v1 (#142)
* style: Improved font size of the answers in the FAQ section of the landing page * working on the classroomio blog * there is a bit of a git issue * changed the footer route * Merge branch 'main' into issue-139 * Added syntax higlighting,blockquotes styling and image stylings * restyle and add first blog * make tagline match home page * add docs route --------- Co-authored-by: Rotimi Best <best@classroomio.com>
This commit is contained in:
@@ -1,16 +1,40 @@
|
||||
import { preprocessMeltUI } from "@melt-ui/pp";
|
||||
import sequence from "svelte-sequential-preprocessor";
|
||||
import adapter from "@sveltejs/adapter-auto";
|
||||
import { vitePreprocess } from "@sveltejs/kit/vite";
|
||||
import { preprocessMeltUI } from '@melt-ui/pp';
|
||||
import sequence from 'svelte-sequential-preprocessor';
|
||||
import adapter from '@sveltejs/adapter-auto';
|
||||
import { vitePreprocess } from '@sveltejs/kit/vite';
|
||||
import { mdsvex, escapeSvelte } from 'mdsvex';
|
||||
import shiki from 'shiki';
|
||||
import remarkUnwrapImages from 'remark-unwrap-images';
|
||||
import remarkToc from 'remark-toc';
|
||||
import rehypeSlug from 'rehype-slug';
|
||||
|
||||
/** @type {import('@sveltejs/kit').Config}*/
|
||||
|
||||
/** @type {import('mdsvex').MdsvexOptions} */
|
||||
const mdsvexOptions = {
|
||||
extensions: ['.md'],
|
||||
layout: {
|
||||
_: './src/mdsvex.svelte'
|
||||
},
|
||||
highlight: {
|
||||
highlighter: async (code, lang = 'text') => {
|
||||
const highlighter = await shiki.getHighlighter({ theme: 'poimandres' });
|
||||
const html = escapeSvelte(highlighter.codeToHtml(code, { lang }));
|
||||
return `{@html \`${html}\` }`;
|
||||
}
|
||||
},
|
||||
remarkPlugins: [remarkUnwrapImages, [remarkToc, { tight: true }]],
|
||||
rehypePlugins: [rehypeSlug]
|
||||
};
|
||||
|
||||
const config = {
|
||||
kit: {
|
||||
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
||||
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
||||
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||
adapter: adapter(),
|
||||
},
|
||||
preprocess: sequence([vitePreprocess(), preprocessMeltUI()]),
|
||||
kit: {
|
||||
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
||||
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
||||
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||
adapter: adapter()
|
||||
},
|
||||
extensions: ['.svelte', '.md'],
|
||||
preprocess: sequence([vitePreprocess(), preprocessMeltUI(), mdsvex(mdsvexOptions)])
|
||||
};
|
||||
export default config;
|
||||
|
||||
Reference in New Issue
Block a user