Project: svelte
Task (easy): 1) Create components/Header.svelte that displays 'Hello Blog' at the top of the page with appealing background color. 2) Create components/Main.svelte where content is aligned at the top left and fills the remaining space. 3) Develop components/Blog.svelte that accepts 'title' and 'detail' as props. Display mock blog data in Main.svelte using this Blog component with the mock data: { title: 'Morning', detail: 'Morning My Friends' }. 3) Include Header.svelte and Main.svelte in App.svelte 4) The classname of title in Blog.svelte is 'blog-title', the width of blog-title is 'fit-content', fontSize is 24px