Created
November 2, 2022 13:13
-
-
Save marc-x-andre/48c20eb53568ff5bb0e8c1aa8d4a198c to your computer and use it in GitHub Desktop.
VueJs 2 Component Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div class="main-component-class"> | |
... | |
</div> | |
</template> | |
<script> | |
// Library import | |
import { mapActions, mapGetters } from 'vuex' | |
// Local script import | |
import Thumbnail from '@/CardThumbnail.vue' | |
export default { | |
components: { | |
Thumbnail | |
}, | |
props: { | |
... | |
}, | |
computed: { | |
...mapGetters({ ... }) | |
}, | |
methods: { | |
...mapActions({ ... }) | |
} | |
} | |
</script> | |
<style lang="sass" scoped> | |
@import variables | |
.main-component-class | |
// scoped | |
+from($mobile) | |
... | |
+from($tablet) | |
... | |
+from($desktop) | |
... | |
+from($widescreen) | |
... | |
</style> | |
<style lang="sass"> | |
@import variables | |
.main-component-class | |
// unscoped | |
</style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment