+9

.vscode/settings.json

reviewed

··· 1 1 + { 2 2 + "tailwindCSS.emmetCompletions": true, 3 3 + "files.associations": { 4 4 + "*.css": "tailwindcss" 5 5 + }, 6 6 + "editor.quickSuggestions": { 7 7 + "strings": "on" 8 8 + } 9 9 + }

bun.lockb

reviewed

This is a binary file and will not be displayed.

+5 -1

package.json

reviewed

··· 16 16 "@sveltejs/adapter-static": "^3.0.2", 17 17 "@sveltejs/kit": "^2.5.20", 18 18 "@sveltejs/vite-plugin-svelte": "^3.1.1", 19 19 + "@tailwindcss/typography": "^0.5.14", 19 20 "@types/eslint": "^8.56.11", 20 21 "autoprefixer": "^10.4.20", 21 22 "eslint": "^9.8.0", ··· 39 40 "dependencies": { 40 41 "rehype-autolink-headings": "^7.1.0", 41 42 "rehype-slug": "^6.0.0" 42 42 - } 43 43 + }, 44 44 + "trustedDependencies": [ 45 45 + "svelte-preprocess" 46 46 + ] 43 47 }

src/app.postcss src/app.css

reviewed

+2 -2

src/routes/+layout.svelte

reviewed

··· 1 1 - <script> 2 2 - import "../app.postcss"; 1 1 + <script lang="ts"> 2 2 + import "../app.css"; 3 3 </script> 4 4 5 5 <slot />

+1 -1

src/routes/posts/+page.svelte

reviewed

··· 1 1 <script lang="ts"> 2 2 - import type { PostData } from './+page.js'; 2 2 + import type { PostData } from './+page.ts'; 3 3 4 4 export let data; 5 5

+14

src/routes/posts/_layout.svelte

reviewed

··· 1 1 + <script lang="ts"> 2 2 + import "../../app.css"; 3 3 + 4 4 + export let title; 5 5 + export let author; 6 6 + export let date; 7 7 + </script> 8 8 + 9 9 + <div class="prose lg:prose-lg"> 10 10 + <h1 class="font-mono">{ title }</h1> 11 11 + <ul>on: { date }</ul> 12 12 + <ul>by: { author }</ul> 13 13 + <slot/> 14 14 + </div>

+1

src/routes/posts/hello-world/+page.md

reviewed

··· 2 2 title: Hello World 3 3 author: Jeff 4 4 date: 2022-05-27 5 5 + layout: blogpost 5 6 excerpt: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget massa sit amet arcu varius lacinia nec quis lacus. 6 7 --- 7 8

+4 -1

svelte.config.js

reviewed

··· 18 18 rehypeAutolinkHeadings, 19 19 ], 20 20 smartypants: { dashes: 'oldschool' }, 21 21 - layout: './src/routes/+layout.svelte', 21 21 + layout: { 22 22 + _: './src/routes/+layout.svelte', 23 23 + blogpost: './src/routes/posts/_layout.svelte', 24 24 + }, 22 25 }), 23 26 ], 24 27

+4 -2

tailwind.config.js

reviewed

··· 1 1 /** @type {import('tailwindcss').Config} */ 2 2 export default { 3 3 - content: ['./src/**/*.{html,js,svelte,ts}'], 3 3 + content: ['./src/**/*.{html,js,svelte,ts,md}'], 4 4 theme: { 5 5 extend: {}, 6 6 }, 7 7 - plugins: [], 7 7 + plugins: [ 8 8 + require('@tailwindcss/typography') 9 9 + ], 8 10 } 9 11