VueJs 2 Component Template

Template_v2.vue

<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>