인프런 커뮤니티 질문&답변

nuxt3에서는 typescript를 사용해야 하는것은 알고 있는데, 외부 모듈 연동이나 기타 연동등에서 어쩔수 없이 자바스크립트를 사용해야 하는 경우가 있을건데, 이때 자바스크립트를 어떻게 가져와 처리해야 하는지 알고 싶습니다.

우선 간단히 예제를 구성했는데.. 간단한것도 안되네요.. ㅡ.ㅜ;

<template>
  <div>
    <h1>{{ data.message }}</h1>
    <p>Today is: {{ data.date }}</p>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { fetchData } from '/assets/js/javascript_test';

const data = ref(fetchData());
</script>

// assets/js/javascript_test.js
export default function () {
  return {
    message: "Hello from JavaScript",
    date: new Date().toDateString(),
  };
}

이처럼 구성했을때, 어떻게 가져와서 처리해야 하는지 좀 알려주시면 감사하겠습니다.

500 에러 뜨는데, 이 코드 작동 좀 하게 해 주세요.. ㅡ.ㅜ;