summaryrefslogtreecommitdiff
path: root/examples/with-vue/src
diff options
context:
space:
mode:
Diffstat (limited to 'examples/with-vue/src')
-rw-r--r--examples/with-vue/src/components/Counter.vue27
-rw-r--r--examples/with-vue/src/pages/index.astro38
2 files changed, 0 insertions, 65 deletions
diff --git a/examples/with-vue/src/components/Counter.vue b/examples/with-vue/src/components/Counter.vue
deleted file mode 100644
index 8179fb1d9..000000000
--- a/examples/with-vue/src/components/Counter.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
- <div class="counter">
- <button @click="subtract()">-</button>
- <pre>{{ count }}</pre>
- <button @click="add()">+</button>
- </div>
- <div class="children">
- <slot />
- </div>
-</template>
-
-<script>
-import { ref } from 'vue';
-export default {
- setup() {
- const count = ref(0)
- const add = () => count.value = count.value + 1;
- const subtract = () => count.value = count.value - 1;
-
- return {
- count,
- add,
- subtract
- }
- }
-}
-</script>
diff --git a/examples/with-vue/src/pages/index.astro b/examples/with-vue/src/pages/index.astro
deleted file mode 100644
index 949012d0f..000000000
--- a/examples/with-vue/src/pages/index.astro
+++ /dev/null
@@ -1,38 +0,0 @@
----
-import Counter from '../components/Counter.vue'
----
-
-<html>
- <head>
- <meta charset="utf-8" />
- <meta
- name="viewport"
- content="width=device-width, initial-scale=1, viewport-fit=cover"
- />
- <style>
- :global(:root) {
- font-family: system-ui;
- padding: 2em 0;
- }
- :global(.counter) {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- place-items: center;
- font-size: 2em;
- margin-top: 2em;
- }
- :global(.children) {
- display: grid;
- place-items: center;
- margin-bottom: 2em;
- }
- </style>
- </head>
- <body>
- <main>
- <Counter:visible>
- <h1>Hello Vue!</h1>
- </Counter:visible>
- </main>
- </body>
-</html>