<script setup>
const route=useRoute();
const esgData = computed(() => esgRes.value.data);

// 取得新聞資料
const { data: esgRes } = await useMyFetch('/social/getEsg', "GET", {id: route.params.id})

</script>

<template>
  <div class="toolbar">
    <div class="tTitle">{{ $t('Social.esg') }}</div>
  </div>
  <div class="content">

    <div class="block">
      <div class="bName mb-4">{{ esgData.title }}</div>
      <!-- <div class="imgCnt me-4 mb-4" style="float: left;width:350px;">
        <img :src="newsData.imageurl" alt="">
      </div> -->
      <div class="desc">
        <div class="ck-content" v-html="esgData.content"></div>
      </div>
      <div class="d-flex justify-content-end">
        <a class="backBtn" href="javascript:;" @click="$router.push(localeLocation('/social/esg'))">back</a>
      </div>
    </div>
  </div>
</template>

<style lang="less"></style>
