<script setup>
const route=useRoute();
const newsData = computed(() => newsRes.value.data);

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

</script>

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

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

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