diff options
Diffstat (limited to 'examples/fast-build')
-rw-r--r-- | examples/fast-build/astro.config.mjs | 8 | ||||
-rw-r--r-- | examples/fast-build/src/components/Greeting.vue | 16 | ||||
-rw-r--r-- | examples/fast-build/src/pages/index.astro | 46 | ||||
-rw-r--r-- | examples/fast-build/src/styles/global.css | 2 |
4 files changed, 37 insertions, 35 deletions
diff --git a/examples/fast-build/astro.config.mjs b/examples/fast-build/astro.config.mjs index 38a4a1140..f40bc1cca 100644 --- a/examples/fast-build/astro.config.mjs +++ b/examples/fast-build/astro.config.mjs @@ -2,8 +2,8 @@ import { imagetools } from 'vite-imagetools'; // @ts-check export default /** @type {import('astro').AstroUserConfig} */ ({ - renderers: ['@astrojs/renderer-vue'], - vite: { - plugins: [imagetools()], - }, + renderers: ['@astrojs/renderer-vue'], + vite: { + plugins: [imagetools()], + }, }); diff --git a/examples/fast-build/src/components/Greeting.vue b/examples/fast-build/src/components/Greeting.vue index 69fa4fbca..a94f586bf 100644 --- a/examples/fast-build/src/components/Greeting.vue +++ b/examples/fast-build/src/components/Greeting.vue @@ -1,20 +1,20 @@ <script> export default { - data() { - return { - greeting: 'Hello World!', - }; - }, + data() { + return { + greeting: 'Hello World!', + }; + }, }; </script> <template> - <p class="greeting">{{ greeting }}</p> + <p class="greeting">{{ greeting }}</p> </template> <style> .greeting { - color: red; - font-weight: bold; + color: red; + font-weight: bold; } </style> diff --git a/examples/fast-build/src/pages/index.astro b/examples/fast-build/src/pages/index.astro index b5b9785da..2bdadbf5b 100644 --- a/examples/fast-build/src/pages/index.astro +++ b/examples/fast-build/src/pages/index.astro @@ -5,28 +5,30 @@ import Greeting from '../components/Greeting.vue'; --- <html> -<head> - <title>Demo app</title> - <style> - h1 { color: salmon; } - </style> -</head> -<body> - <section> - <h1>Images</h1> + <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> + <h2>Imported in JS</h2> + <img src={imgUrl} /> + </section> - <section> - <h1>Component CSS</h1> - <Greeting /> - </section> + <section> + <h1>Component CSS</h1> + <Greeting /> + </section> - <section> - <h1>ImageTools</h1> - <img src={grayscaleUrl} /> - </section> -</body> -</html>
\ No newline at end of file + <section> + <h1>ImageTools</h1> + <img src={grayscaleUrl} /> + </section> + </body> +</html> diff --git a/examples/fast-build/src/styles/global.css b/examples/fast-build/src/styles/global.css index 9f52e094e..ab5ca9bfe 100644 --- a/examples/fast-build/src/styles/global.css +++ b/examples/fast-build/src/styles/global.css @@ -1,3 +1,3 @@ body { - background: lightcoral; + background: lightcoral; } |