Remove warnings about 'defineProps', 'defineEmits' being compiler macros

src/views/contents/ContentCard.vue

@@ -62,7 +62,7 @@
 
 <script setup>
 
-import {defineProps, computed, reactive} from 'vue';
+import {computed, reactive} from 'vue';
 import {time_ago} from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";

src/views/contents/ContentList.vue

@@ -27,7 +27,7 @@
 <script setup>
 
 import {useClient} from '@/plugins/api.js';
-import {defineProps, ref} from 'vue';
+import {ref} from 'vue';
 import ContentCard from "./ContentCard.vue";
 
 const props = defineProps({

src/views/contents/CreatePostButton.vue

@@ -65,7 +65,7 @@
 
 <script setup>
 import {useClient} from '@/plugins/api.js';
-import {defineProps, ref} from 'vue';
+import {ref} from 'vue';
 import {useUserStore} from '@/stores/user.js';
 
 const props = defineProps({

src/views/contents/PostContent.vue

@@ -58,7 +58,7 @@
 // import posts from "@/views/posts/posts.json";
 
 import {useClient} from '@/plugins/api.js';
-import {defineProps, ref} from 'vue';
+import {ref} from 'vue';
 import PostContentMenu from "@/views/contents/PostContentMenu.vue";
 
 const props = defineProps({

src/views/creators/CreatorAboutYou.vue

@@ -86,7 +86,6 @@
 </template>
 
 <script setup>
-import { ref, defineProps } from 'vue';
 import MyUserModel from "@/models/myUserModel.js";
 
 const props = defineProps({

src/views/creators/CreatorBanner.vue

@@ -82,7 +82,6 @@
 
 <script setup>
 import CreatePostButton from "@/views/contents/CreatePostButton.vue";
-import {defineProps} from "vue";
 import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 import AboutYou from "@/views/creators/CreatorDescriptionBtn.vue";
 

src/views/creators/CreatorCard.vue

@@ -8,7 +8,6 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue';
 
 defineProps({
   creator: {

src/views/main/DonationPopup.vue

@@ -27,7 +27,7 @@
 </template>
 
 <script setup>
-import {ref, onMounted, onUnmounted, defineProps} from 'vue';
+import {ref, onMounted, onUnmounted} from 'vue';
 import StripePayment from "@/views/StripePayment.vue";
 
 const showPopup = ref(false);

src/views/main/ProfileBanner.vue

@@ -85,7 +85,7 @@
 </template>
 
 <script setup>
-import {ref, defineProps, onMounted} from 'vue';
+import {ref} from 'vue';
 import MyUserModel from "@/models/myUserModel.js";
 
 const emit = defineEmits(["updateProfilePicture", "updateBannerPicture"]);

src/views/main/SocialLinks.vue

@@ -5,7 +5,8 @@
       <div class="flex justify-between items-center mb-2">
         <label class="text-lg">Instagram</label>
       </div>
-      <v-text-field v-model="props.user.socialNetworks.instagramUrl" label="Instagram" variant="outlined"></v-text-field>
+      <v-text-field v-model="props.user.socialNetworks.instagramUrl" label="Instagram"
+                    variant="outlined"></v-text-field>
 
       <div class="flex justify-between items-center mb-2">
         <label class="text-lg">TikTok</label>
@@ -30,7 +31,8 @@
       <div class="flex justify-between items-center mb-2">
         <label class="text-lg">Site Web</label>
       </div>
-      <v-text-field v-model="props.user.socialNetworks.yourWebsiteUrl" label="Site Web" variant="outlined"></v-text-field>
+      <v-text-field v-model="props.user.socialNetworks.yourWebsiteUrl" label="Site Web"
+                    variant="outlined"></v-text-field>
 
       <div class="flex flex-col space-y-4">
         <div class="flex items-center mb-2">
@@ -52,7 +54,7 @@
 </template>
 
 <script setup>
-import { defineProps, ref } from 'vue';
+import {ref} from 'vue';
 import MyUserModel from "@/models/myUserModel.js";
 
 const props = defineProps({

src/views/messages/Message.vue

@@ -57,7 +57,6 @@
 
 <script setup>
 
-import {defineProps} from "vue"
 import {time_ago} from "@/internal_time_ago.js";
 
 const props = defineProps({

src/views/messages/MessageList.vue

@@ -37,7 +37,7 @@
 import Message from "@/views/messages/Message.vue";
 
 import {useClient} from '@/plugins/api.js';
-import {defineProps, onBeforeMount, ref} from 'vue';
+import {onBeforeMount, ref} from 'vue';
 
 const props = defineProps({
   subjectId: {

src/views/messages/PostMessage.vue

@@ -36,7 +36,7 @@
 <script setup>
 
 import {useClient} from '@/plugins/api.js';
-import {defineEmits, defineProps, ref} from 'vue';
+import {ref} from 'vue';
 import {useUserStore} from "@/stores/user.js";
 import {v7} from 'uuid'