diff options
Diffstat (limited to 'examples/framework-vue/src/components')
| -rw-r--r-- | examples/framework-vue/src/components/Counter.vue | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/examples/framework-vue/src/components/Counter.vue b/examples/framework-vue/src/components/Counter.vue index 2703b8b9b..155717ea4 100644 --- a/examples/framework-vue/src/components/Counter.vue +++ b/examples/framework-vue/src/components/Counter.vue @@ -4,7 +4,7 @@ <pre>{{ count }}</pre> <button @click="add()">+</button> </div> - <div class="children"> + <div class="counter-message"> <slot /> </div> </template> @@ -25,3 +25,16 @@ export default { }, }; </script> + +<style> +.counter { + display: grid; + font-size: 2em; + grid-template-columns: repeat(3, minmax(0, 1fr)); + margin-top: 2em; + place-items: center; +} +.counter-message { + text-align: center; +} +</style> |