Skip to content

Commit 0c209fa

Browse files
author
staticwebdev
committed
Update app
1 parent d4228d2 commit 0c209fa

File tree

4 files changed

+8
-52
lines changed

4 files changed

+8
-52
lines changed

README.md

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,4 @@
1-
*Looking for a shareable component template? Go here --> [sveltejs/component-template](https://github.com/sveltejs/component-template)*
2-
3-
---
4-
5-
# svelte app
6-
7-
This is a project template for [Svelte](https://svelte.dev) apps. It lives at https://github.com/sveltejs/template.
8-
9-
To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):
10-
11-
```bash
12-
npx degit sveltejs/template svelte-app
13-
cd svelte-app
14-
```
15-
16-
*Note that you will need to have [Node.js](https://nodejs.org) installed.*
17-
1+
# SvelteBasic
182

193
## Get started
204

package-lock.json

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/App.svelte

Lines changed: 2 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,5 @@
11
<script>
2-
export let name;
2+
export let value = 'World';
33
</script>
44

5-
<main>
6-
<h1>Hello {name}!</h1>
7-
<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
8-
</main>
9-
10-
<style>
11-
main {
12-
text-align: center;
13-
padding: 1em;
14-
max-width: 240px;
15-
margin: 0 auto;
16-
}
17-
18-
h1 {
19-
color: #ff3e00;
20-
text-transform: uppercase;
21-
font-size: 4em;
22-
font-weight: 100;
23-
}
24-
25-
@media (min-width: 640px) {
26-
main {
27-
max-width: none;
28-
}
29-
}
30-
</style>
5+
<div>Hello {value}</div>

src/main.js

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
11
import App from './App.svelte';
22

33
const app = new App({
4-
target: document.body,
5-
props: {
6-
name: 'world'
7-
}
4+
target: document.body,
85
});
96

10-
export default app;
7+
export default app;

0 commit comments

Comments
 (0)