sublime-settings/Packages/User/vue-component.sublime-snippet

62 lines
1.1 KiB
XML

<snippet>
<content><![CDATA[
<script setup>
import { useAttrs, useSlots, reactive, ref, computed, watch, onBeforeMount, onMounted, onBeforeUpdate, onBeforeUnmount, onUnmounted, provide, inject } from 'vue'
import { Head, Link, useForm, usePage } from '@inertiajs/inertia-vue3'
import AppLayout from '@/Layouts/AppLayout.vue'
const emit = defineEmits([])
const attrs = useAttrs()
const slots = useSlots()
const props = defineProps({})
// variables
// computed properties
// watchers
// lifecycle hooks
onBeforeMount(() => {
//
})
onMounted(() => {
//
})
onBeforeUpdate(() => {
//
})
onBeforeUnmount(() => {
//
})
onUnmounted(() => {
//
})
// methods
</script>
<template>
<AppLayout title="${1:TITLE}">
<template #header>${1:TITLE}</template>
<div class="col-span-6">
<!-- content goes here -->
</div>
</AppLayout>
</template>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>vcomp</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>text.html.vue</scope> -->
</snippet>