UserProjectsGallery.vue

<template>
  <div class="row q-gutter-none">
    <div class="col-xs-12 col-sm-6 col-md-6" v-for="project,idx in projects" :key="idx">
      <ProjectThumb :showControls="false" :hideAvatar="true" :project="project" />
    </div>
  </div>
</template>

<script>
import ProjectThumb from "../components/project/ProjectThumb";
import { mapGetters } from "vuex";
export default {
  // name: 'ComponentName',
  components: {
    ProjectThumb
  },
  data() {
    return {};
  },
  computed: {
    ...mapGetters({ projects: "profile/userProjects" })
  }
};
</script>

<style>
</style>