diff options
Diffstat (limited to 'examples/with-vue')
-rw-r--r-- | examples/with-vue/.npmrc | 2 | ||||
-rw-r--r-- | examples/with-vue/package.json | 15 | ||||
-rw-r--r-- | examples/with-vue/src/components/Counter.vue | 27 | ||||
-rw-r--r-- | examples/with-vue/src/pages/index.astro | 38 |
4 files changed, 0 insertions, 82 deletions
diff --git a/examples/with-vue/.npmrc b/examples/with-vue/.npmrc deleted file mode 100644 index 0cc653b2c..000000000 --- a/examples/with-vue/.npmrc +++ /dev/null @@ -1,2 +0,0 @@ -## force pnpm to hoist -shamefully-hoist = true
\ No newline at end of file diff --git a/examples/with-vue/package.json b/examples/with-vue/package.json deleted file mode 100644 index a3d07b573..000000000 --- a/examples/with-vue/package.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "name": "@astrojs/with-vue-example", - "private": true, - "version": "0.0.1", - "scripts": { - "start": "astro dev", - "build": "astro build" - }, - "devDependencies": { - "astro": "^0.15.0" - }, - "snowpack": { - "workspaceRoot": "../.." - } -} 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> |