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.jpgBinary files differ new 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.jpgBinary files differ new 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; +} | 
