From 1d385bed6c5acf6b00d2dc1e2100cbd0e7e81b07 Mon Sep 17 00:00:00 2001
From: CRBroughton <crbroughton@posteo.uk>
Date: Sun, 20 Feb 2022 18:53:44 +0000
Subject: [PATCH] moved composition API scripts to the top

---
 snippets/vue.json | 58 +++++++++++++++++++++++------------------------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/snippets/vue.json b/snippets/vue.json
index 578866c..d7c3e61 100644
--- a/snippets/vue.json
+++ b/snippets/vue.json
@@ -168,12 +168,6 @@
   "Vue Single File Component Composition API": {
     "prefix": "vbase-3",
     "body": [
-      "<template>",
-      "\t<div>",
-      "",
-      "\t</div>",
-      "</template>",
-      "",
       "<script>",
       "export default {",
       "\tsetup () {",
@@ -184,7 +178,13 @@
       "}",
       "</script>",
       "",
-      "<style lang=\"scss\" scoped>",
+      "<template>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
+      "<style scoped lang=\"scss\">",
       "",
       "</style>"
     ],
@@ -193,17 +193,17 @@
   "Vue Single File Component Setup Composition API": {
     "prefix": "vbase-3-setup",
     "body": [
+      "<script setup>",
+      "",
+      "</script>",
+      "",
       "<template>",
       "\t<div>",
       "",
       "\t</div>",
       "</template>",
       "",
-      "<script setup>",
-      "",
-      "</script>",
-      "",
-      "<style lang=\"scss\" scoped>",
+      "<style scoped lang=\"scss\">",
       "",
       "</style>"
     ],
@@ -212,12 +212,6 @@
   "Vue Single File Component Composition API Reactive": {
     "prefix": "vbase-3-reactive",
     "body": [
-      "<template>",
-      "\t<div>",
-      "",
-      "\t</div>",
-      "</template>",
-      "",
       "<script>",
       "import { reactive, toRefs } from 'vue'",
       "",
@@ -234,7 +228,13 @@
       "}",
       "</script>",
       "",
-      "<style lang=\"scss\" scoped>",
+      "<template>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
+      "<style scoped lang=\"scss\">",
       "",
       "</style>"
     ],
@@ -243,12 +243,6 @@
   "Vue Single File Component Composition API with Typescript": {
     "prefix": "vbase-3-ts",
     "body": [
-      "<template>",
-      "\t<div>",
-      "",
-      "\t</div>",
-      "</template>",
-      "",
       "<script lang=\"ts\">",
       "import { defineComponent } from 'vue'",
       "",
@@ -260,6 +254,12 @@
       "})",
       "</script>",
       "",
+      "<template>",
+      "\t<div>",
+      "",
+      "\t</div>",
+      "</template>",
+      "",
       "<style scoped>",
       "",
       "</style>"
@@ -269,16 +269,16 @@
   "Vue Single File Component Setup Composition API with Typescript": {
     "prefix": "vbase-3-ts-setup",
     "body": [
+      "<script setup lang=\"ts\">",
+      "",
+      "</script>",
+      "",
       "<template>",
       "\t<div>",
       "",
       "\t</div>",
       "</template>",
       "",
-      "<script setup lang=\"ts\">",
-      "",
-      "</script>",
-      "",
       "<style scoped>",
       "",
       "</style>"