<template>
  <div>
    <!-- {{ $route.params.id }} 
      NOTE 
        > Each data should be based on parameter id($route.params.id) and NOT on $store.state.auth.id 
          * Because this will be viewed also on other users
      --> 
    <div :is="currentComponent" v-if="$store.state.auth.id" 
      :mypage_data="currentComponent === 'ic-myPage' ? mypage_data : null"
      :descData="currentComponent === 'ic-myPage' ? descData : null"
      :website_url="currentComponent === 'ic-myPage' ? website_url : null"
      :colors="colors"
    ></div>
  </div>
</template>

<script>
import {mapStateVModel} from 'map-state-vmodel';
// mixins
import colors from '@/mixins/site_dependent/colors'

import myPage_data from '@/mixins/site_dependent/myPage_data';

export default {
  name: 'myPageC',
  extends: {},
  props: {},
  data(){
    return{};
  },
  components: {},
  watch: {},
  computed: {
    ...mapStateVModel('myPageAndProfile', ['currentComponent'])
  },
  methods: {},
  beforeCreate() {},
  mounted() {},
  created() {},
  mixins: [myPage_data, colors]
}
</script>
