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