huynh-phu/prompt-react-2-vue-ts icon
public
Published on 3/27/2025
Component: React -> Vue TS

Convert React component into VueJS component Default to typescript

Prompts
Component: React -> Vue TS
Component: React -> Vue
Convert this React component into Vue component follow these guide lines - Prefer Single File Component - Component lang is TS, use Vue "setup" directive for main script - Use a seperated script tag to define component name. - DO NOT USE defineComponent. - Every image import have to come from "./assets" folder.
  Add "./asset" prefix for import if they dont exist If image source
  in img tag is used as path name, ensure it points to public
  folder and has format of "/img/imagename" - Keep style of image import
  from the source file, do not bring import path to src attribute of image tags
- Follow this example format
  <template>
  </template>
  <script setup lang="ts">
  import image from "./asset/image.png";
  </script>
  <script>
    export default {
      name: 'NavBarHeader',
      data() {
        return {
          amplifyMark: amplifyMark
        };
      }
    };
  </script>
  <style>
  </style>