summaryrefslogtreecommitdiff
path: root/examples/with-vue
diff options
context:
space:
mode:
Diffstat (limited to 'examples/with-vue')
-rw-r--r--examples/with-vue/.npmrc2
-rw-r--r--examples/with-vue/package.json15
-rw-r--r--examples/with-vue/src/components/Counter.vue27
-rw-r--r--examples/with-vue/src/pages/index.astro38
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>