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

39 lines
838 B
XML

<snippet>
<content><![CDATA[
<script setup>
import { useAttrs, reactive, ref, computed, watch, onBeforeMount, onMounted, provide, inject } from 'vue'
import AppLayout from '@/Layouts/AppLayout.vue'
const emit = defineEmits([])
const attrs = useAttrs()
const props = defineProps({})
// computed properties
// watchers
// lifecycle hooks
// methods
</script>
<template>
<app-layout title="${1:TITLE}">
<template #header>${1:TITLE}</template>
<div class="col-span-6">
<!-- content goes here -->
</div>
</app-layout>
</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>