diff options
Diffstat (limited to 'examples/fast-build/src')
-rw-r--r-- | examples/fast-build/src/components/Greeting.vue | 20 | ||||
-rw-r--r-- | examples/fast-build/src/images/penguin.jpg | bin | 0 -> 12013 bytes | |||
-rw-r--r-- | examples/fast-build/src/images/random.jpg | bin | 0 -> 14553 bytes | |||
-rw-r--r-- | examples/fast-build/src/pages/index.astro | 32 | ||||
-rw-r--r-- | examples/fast-build/src/styles/global.css | 3 |
5 files changed, 55 insertions, 0 deletions
diff --git a/examples/fast-build/src/components/Greeting.vue b/examples/fast-build/src/components/Greeting.vue new file mode 100644 index 000000000..69fa4fbca --- /dev/null +++ b/examples/fast-build/src/components/Greeting.vue @@ -0,0 +1,20 @@ +<script> +export default { + data() { + return { + greeting: 'Hello World!', + }; + }, +}; +</script> + +<template> + <p class="greeting">{{ greeting }}</p> +</template> + +<style> +.greeting { + color: red; + font-weight: bold; +} +</style> diff --git a/examples/fast-build/src/images/penguin.jpg b/examples/fast-build/src/images/penguin.jpg Binary files differnew file mode 100644 index 000000000..6c5dcd37a --- /dev/null +++ b/examples/fast-build/src/images/penguin.jpg diff --git a/examples/fast-build/src/images/random.jpg b/examples/fast-build/src/images/random.jpg Binary files differnew file mode 100644 index 000000000..291883837 --- /dev/null +++ b/examples/fast-build/src/images/random.jpg diff --git a/examples/fast-build/src/pages/index.astro b/examples/fast-build/src/pages/index.astro new file mode 100644 index 000000000..b5b9785da --- /dev/null +++ b/examples/fast-build/src/pages/index.astro @@ -0,0 +1,32 @@ +--- +import imgUrl from '../images/penguin.jpg'; +import grayscaleUrl from '../images/random.jpg?grayscale=true'; +import Greeting from '../components/Greeting.vue'; +--- + +<html> +<head> + <title>Demo app</title> + <style> + h1 { color: salmon; } + </style> +</head> +<body> + <section> + <h1>Images</h1> + + <h2>Imported in JS</h2> + <img src={imgUrl} /> + </section> + + <section> + <h1>Component CSS</h1> + <Greeting /> + </section> + + <section> + <h1>ImageTools</h1> + <img src={grayscaleUrl} /> + </section> +</body> +</html>
\ No newline at end of file diff --git a/examples/fast-build/src/styles/global.css b/examples/fast-build/src/styles/global.css new file mode 100644 index 000000000..9f52e094e --- /dev/null +++ b/examples/fast-build/src/styles/global.css @@ -0,0 +1,3 @@ +body { + background: lightcoral; +} |