Tweaking many components after using them for a while

Packages/User/vue-component.sublime-snippet

@@ -1,36 +1,37 @@
 <snippet>
     <content><![CDATA[
 <template>
-    <div class="v-root">
-        <slot></slot>
-    </div>
+    <app-layout title="${1:TITLE}">
+        <template #header>${1:TITLE}</template>
+
+        <div class="col-span-6">
+            <!-- content goes here -->
+        </div>
+    </app-layout>
 </template>
 
 <script>
-import { defineComponent, getCurrentInstance, onMounted, onUnmounted, ref } from "vue"
+import { defineComponent } from 'vue'
+import AppLayout from '@/Layouts/AppLayout.vue'
 
 export default defineComponent({
   emits: [],
 
   props: {},
 
-  components: {},
-
-  data() {
-    return {}
+  components: {
+    AppLayout,
   },
 
   setup(props, {emit}) {
-    let _this = getCurrentInstance()
+    return {}
+  },
 
-    onMounted(() => {
-      //
-    })
+  beforeMount() {},
 
-    onUnmounted(() => {
-      //
-    })
+  mounted() {},
 
+  data() {
     return {}
   },