summaryrefslogtreecommitdiff
path: root/examples/framework-vue
diff options
context:
space:
mode:
authorGravatar Erika <3019731+Princesseuh@users.noreply.github.com> 2022-08-04 14:16:51 -0400
committerGravatar GitHub <noreply@github.com> 2022-08-04 14:16:51 -0400
commitf591150512903014461e4fa1be3bc53bd261af2f (patch)
treedfdad8d11b3379cc47618398281ebca6e1be91bc /examples/framework-vue
parent32580d4fdc6ba8bb9a7e39e0b2c001ab29b3b940 (diff)
downloadastro-f591150512903014461e4fa1be3bc53bd261af2f.tar.gz
astro-f591150512903014461e4fa1be3bc53bd261af2f.tar.zst
astro-f591150512903014461e4fa1be3bc53bd261af2f.zip
Audit examples templates (#3940)
* basics, framework-alpine, framework-solid, delete unused examples * framework-multiple * Remove non-standard file extensions, add missing .vscode folders * Remove robots.txt * Remove blog-multiple-authors * Rewrite components comments to be consistent * Update lockfile * Remove unnecessary usage of SCSS in subpath example * Fix props weirdness in portfolio example * Remove Lit from `framework-multiple` for now * Misc fixes * Update lockfile * I'm in lockfile hell, send help
Diffstat (limited to 'examples/framework-vue')
-rw-r--r--examples/framework-vue/.vscode/extensions.json4
-rw-r--r--examples/framework-vue/.vscode/launch.json11
-rw-r--r--examples/framework-vue/src/components/Counter.vue3
-rw-r--r--examples/framework-vue/tsconfig.json2
4 files changed, 19 insertions, 1 deletions
diff --git a/examples/framework-vue/.vscode/extensions.json b/examples/framework-vue/.vscode/extensions.json
new file mode 100644
index 000000000..22a15055d
--- /dev/null
+++ b/examples/framework-vue/.vscode/extensions.json
@@ -0,0 +1,4 @@
+{
+ "recommendations": ["astro-build.astro-vscode"],
+ "unwantedRecommendations": []
+}
diff --git a/examples/framework-vue/.vscode/launch.json b/examples/framework-vue/.vscode/launch.json
new file mode 100644
index 000000000..d64220976
--- /dev/null
+++ b/examples/framework-vue/.vscode/launch.json
@@ -0,0 +1,11 @@
+{
+ "version": "0.2.0",
+ "configurations": [
+ {
+ "command": "./node_modules/.bin/astro dev",
+ "name": "Development server",
+ "request": "launch",
+ "type": "node-terminal"
+ }
+ ]
+}
diff --git a/examples/framework-vue/src/components/Counter.vue b/examples/framework-vue/src/components/Counter.vue
index d5d5215f7..5ce5352b8 100644
--- a/examples/framework-vue/src/components/Counter.vue
+++ b/examples/framework-vue/src/components/Counter.vue
@@ -9,7 +9,7 @@
</div>
</template>
-<script>
+<script lang="ts">
import { ref } from 'vue';
export default {
setup() {
@@ -34,6 +34,7 @@ export default {
margin-top: 2em;
place-items: center;
}
+
.counter-message {
text-align: center;
}
diff --git a/examples/framework-vue/tsconfig.json b/examples/framework-vue/tsconfig.json
index 4db6ee701..7e64c543c 100644
--- a/examples/framework-vue/tsconfig.json
+++ b/examples/framework-vue/tsconfig.json
@@ -3,6 +3,8 @@
// Enable top-level await, and other modern ESM features.
"target": "ESNext",
"module": "ESNext",
+ // Needed for TypeScript intellisense in the template inside Vue files
+ "jsx": "preserve",
// Enable node-style module resolution, for things like npm package imports.
"moduleResolution": "node",
// Enable JSON imports.