diff --git a/.prettierrc b/.prettierrc index 7ebb855..b19073e 100644 --- a/.prettierrc +++ b/.prettierrc @@ -3,7 +3,10 @@ "singleQuote": true, "trailingComma": "none", "printWidth": 100, - "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"], + "plugins": [ + "prettier-plugin-svelte", + "prettier-plugin-tailwindcss" + ], "overrides": [ { "files": "*.svelte", diff --git a/.yarnrc.yml b/.yarnrc.yml new file mode 100644 index 0000000..3186f3f --- /dev/null +++ b/.yarnrc.yml @@ -0,0 +1 @@ +nodeLinker: node-modules diff --git a/README.md b/README.md index abd6f21..b5b2950 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# create-svelte +# sv -Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte). +Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli). ## Creating a project diff --git a/components.json b/components.json new file mode 100644 index 0000000..f95a168 --- /dev/null +++ b/components.json @@ -0,0 +1,14 @@ +{ + "$schema": "https://shadcn-svelte.com/schema.json", + "style": "default", + "tailwind": { + "config": "tailwind.config.ts", + "css": "src/app.css", + "baseColor": "slate" + }, + "aliases": { + "components": "$lib/components", + "utils": "$lib/utils" + }, + "typescript": true +} \ No newline at end of file diff --git a/package.json b/package.json index baa3e6f..6faf724 100644 --- a/package.json +++ b/package.json @@ -12,20 +12,34 @@ "lint": "prettier --check ." }, "devDependencies": { - "@melt-ui/pp": "^0.3.2", - "@melt-ui/svelte": "^0.85.0", "@sveltejs/adapter-auto": "^3.0.0", "@sveltejs/kit": "^2.0.0", "@sveltejs/vite-plugin-svelte": "^4.0.0", - "@tailwindcss/typography": "^0.5.15", + "@types/dompurify": "^3", "autoprefixer": "^10.4.20", + "bits-ui": "^0.21.16", + "clsx": "^2.1.1", + "lucide-svelte": "^0.454.0", "prettier": "^3.3.2", "prettier-plugin-svelte": "^3.2.6", "prettier-plugin-tailwindcss": "^0.6.5", "svelte": "^5.0.0", "svelte-check": "^4.0.0", + "tailwind-merge": "^2.5.4", + "tailwind-variants": "^0.2.1", "tailwindcss": "^3.4.9", "typescript": "^5.0.0", "vite": "^5.0.3" + }, + "packageManager": "yarn@4.2.2+sha224.1e50daf19e5e249a025569752c60b88005fddf57d10fcde5fc68b88f", + "dependencies": { + "@iconify-json/mingcute": "^1.2.1", + "dompurify": "^3.1.7", + "highlight.js": "^11.10.0", + "isomorphic-dompurify": "^2.16.0", + "marked": "^14.1.3", + "marked-highlight": "^2.2.0", + "typescript-svelte-plugin": "^0.3.42", + "unplugin-icons": "^0.20.0" } } diff --git a/src/app.css b/src/app.css index 2643d57..acd0e25 100644 --- a/src/app.css +++ b/src/app.css @@ -1,16 +1,96 @@ -@import 'tailwindcss/base'; -@import 'tailwindcss/components'; -@import 'tailwindcss/utilities'; +@tailwind base; +@tailwind components; +@tailwind utilities; -@import url('https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&display=swap'); +@layer base { + :root { + --background: 0 0% 100%; + --foreground: 224 71.4% 4.1%; -body{ - display:block; - margin:0px; - width:100dvw; - min-height: 100dvh; - font-family: "LXGW WenKai TC", cursive; - font-weight: 400; - font-style: normal; - overflow-x: hidden; -} \ No newline at end of file + --muted: 220 14.3% 95.9%; + --muted-foreground: 220 8.9% 46.1%; + + --popover: 0 0% 100%; + --popover-foreground: 224 71.4% 4.1%; + + --card: 0 0% 100%; + --card-foreground: 224 71.4% 4.1%; + + --border: 220 13% 91%; + --input: 220 13% 91%; + + --primary: 33deg 43% 91%; + --primary-foreground: 210 20% 98%; + + --secondary: 220 14.3% 95.9%; + --secondary-foreground: 220.9 39.3% 11%; + + --accent: 220 14.3% 95.9%; + --accent-foreground: 220.9 39.3% 11%; + + --destructive: 0 72.2% 50.6%; + --destructive-foreground: 210 20% 98%; + + --ring: 224 71.4% 4.1%; + + --radius: 0.5rem; + } + + .dark { + --background: 249 22% 12%; + --foreground: 245 50% 91%; + + --muted: 215 27.9% 16.9%; + --muted-foreground: 217.9 10.6% 64.9%; + + --popover: 224 71.4% 4.1%; + --popover-foreground: 210 20% 98%; + + --card: 35 88% 72%; + --card-foreground: 248 13% 36%; + + --border: 215 27.9% 16.9%; + --input: 215 27.9% 16.9%; + + --primary: 248deg 25% 18%; + --primary-foreground: 248deg 15% 61%; + + --secondary: 249deg 15% 28%; + --secondary-foreground: 210 20% 98%; + + --accent: 215 27.9% 16.9%; + --accent-foreground: 210 20% 98%; + + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 210 20% 98%; + + --ring: 216 12.2% 83.9%; + } +} + +@layer base { + * { + @apply border-border; + } + + body { + @apply bg-background text-foreground; + } +} + +@media (prefers-color-scheme: dark) { + body { + @apply dark; + } +} + +@font-face { + font-family: "GenRyuMin2TW"; + src: + url("/GenRyuMin2TW-M.woff2") format("woff2"); +} + +body { + font-family: "GenRyuMin2TW"; + overflow-x: hidden; +} diff --git a/src/app.d.ts b/src/app.d.ts index da08e6d..2938de8 100644 --- a/src/app.d.ts +++ b/src/app.d.ts @@ -1,5 +1,6 @@ // See https://svelte.dev/docs/kit/types#app.d.ts // for information about these interfaces +import 'unplugin-icons/types/svelte' declare global { namespace App { // interface Error {} @@ -10,4 +11,4 @@ declare global { } } -export {}; +export { }; diff --git a/src/app.html b/src/app.html index f47cc0c..77a5ff5 100644 --- a/src/app.html +++ b/src/app.html @@ -7,8 +7,6 @@ %sveltekit.head%
-