Clean up component files by removing 'name' property

.vscode/settings.json

@@ -22,13 +22,13 @@
 		"editor.formatOnSave": true,
 	},
 	"rust-analyzer.rustfmt.extraArgs": [
-		"--config", //                           Remove when rustfmt
-		"match_block_trailing_comma=true", //        2.0 is released
-		"--config", //                           Remove when `control_brace_style` becomes stable
-		"control_brace_style=ClosingNextLine" //     https://github.com/rust-lang/rustfmt/issues/3377
+		"--config",
+		"match_block_trailing_comma=true", // Remove when rustfmt2.0 is released https://github.com/rust-lang/rustfmt/issues/3380
+		"--config",
+		"control_brace_style=ClosingNextLine" // Remove when `control_brace_style` becomes stable https://github.com/rust-lang/rustfmt/issues/3377
 	],
 	"rust-analyzer.diagnostics.disabled": [
-		"missing-unsafe" //                      Remove when rust-analyzer bug fixes unsafe code on WASM JavaScript https://github.com/rust-analyzer/rust-analyzer/issues/5412
+		"missing-unsafe" // Remove when rust-analyzer bug fixes unsafe code on WASM JavaScript https://github.com/rust-analyzer/rust-analyzer/issues/5412
 	],
 	"vetur.format.options.useTabs": true,
 	"eslint.format.enable": true,

.vscode/vuecomp.code-snippets

@@ -0,0 +1,35 @@
+{
+	// Place your Graphite workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
+	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
+	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
+	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
+	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
+	// Placeholders with the same ids are connected.
+	"Vue Component Template": {
+		"prefix": "vuecomp",
+		"body": [
+			"<template>",
+			"\t<${1:div}>",
+			"\t\t$0",
+			"\t</${1:div}>",
+			"</template>",
+			"",
+			"<style lang=\"scss\">",
+			"",
+			"</style>",
+			"",
+			"<script lang=\"ts\">",
+			"import { defineComponent } from \"vue\";",
+			"",
+			"export default defineComponent({",
+			"\tcomponents: {",
+			"\t},",
+			"\tprops: {",
+			"\t},",
+			"});",
+			"</script>",
+			"",
+		],
+		"description": "Template for a new Vue component file"
+	}
+}