<template>
  <section class="skill-introduce">
    <div>{{config.introduction}}</div>
    <aside v-if="config.skill_image" class="skill-image-container overflow">
      <v-image @success="updateAutoHeight" mode="widthFix" class="skill-image" :src="config.skill_image"></v-image>
    </aside>
  </section>
</template>

<script>
import props from '../props';
import {
  vImage
} from '$components';
export default {
  name: "skill",
  components:{
    vImage
  },
  inject:['updateAutoHeight'],
  props
}
</script>

<style scoped lang="scss" src="../style.scss"></style>