Skip to content

Files

Latest commit

 

History

History

svelte-mart

svelte-mart

https://github.com/huntabyte/svelte-mart

npm create svelte@latest svelte-mart
cd svelte-mart
npm install

npm install tailwindcss@next @tailwindcss/vite@next

npm install --force -D phosphor-svelte

vim src/style.css

@import "tailwindcss";

vim vite.config.js

import tailwindcss from '@tailwindcss/vite'
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';

export default defineConfig({
    plugins: [sveltekit(), tailwindcss()]
});

vim src/routes/+layout.svelte

<script>
	import '../style.css';

	let { children } = $props();
</script>

{@render children?.()}

vim tailwind.config.js

export default {
    content: ['./src/**/*.{html,js,svelte,ts}'],
    theme: {
        extend: {}
    },
    plugins: []
};

vim src/routes/+page.svelte

<h1 class="flex items-center justify-center w-full">Hello World</h1>
npm run dev