diff --git a/resources/js/App.vue b/resources/js/App.vue
index ca4f1c8..af7fca1 100644
--- a/resources/js/App.vue
+++ b/resources/js/App.vue
@@ -3,7 +3,7 @@
     <AuthModal v-if="authStore.isOpen" :mode="authStore.authMode" />
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, watch, inject } from "vue";
 import { useAuthStore } from "@/stores/auth";
 import AuthModal from "@/components/AuthModal.vue";
diff --git a/resources/js/components/AccountCard.vue b/resources/js/components/AccountCard.vue
index 47583b5..e60d78c 100644
--- a/resources/js/components/AccountCard.vue
+++ b/resources/js/components/AccountCard.vue
@@ -90,7 +90,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/components/AlertModal.vue b/resources/js/components/AlertModal.vue
index ae6ad3f..32b1715 100644
--- a/resources/js/components/AlertModal.vue
+++ b/resources/js/components/AlertModal.vue
@@ -92,7 +92,7 @@
     </Teleport>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onUnmounted, computed } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/components/AnimatedButton.vue b/resources/js/components/AnimatedButton.vue
index 1750553..3986821 100644
--- a/resources/js/components/AnimatedButton.vue
+++ b/resources/js/components/AnimatedButton.vue
@@ -46,7 +46,7 @@
     </component>
 </template>
 
-<script>
+<script lang="ts">
 import { computed } from "vue";
 
 export default {
diff --git a/resources/js/components/Auth/Login.vue b/resources/js/components/Auth/Login.vue
index 6c81c8a..c94f6c4 100644
--- a/resources/js/components/Auth/Login.vue
+++ b/resources/js/components/Auth/Login.vue
@@ -43,7 +43,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from "vue";
 
 const authStore = inject("authStore");
diff --git a/resources/js/components/Auth/TwoFactorInput.vue b/resources/js/components/Auth/TwoFactorInput.vue
index dce8684..54f4d6f 100644
--- a/resources/js/components/Auth/TwoFactorInput.vue
+++ b/resources/js/components/Auth/TwoFactorInput.vue
@@ -34,7 +34,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, watch, nextTick, onMounted, onUnmounted } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/components/AuthModal.vue b/resources/js/components/AuthModal.vue
index 0036b03..d417985 100644
--- a/resources/js/components/AuthModal.vue
+++ b/resources/js/components/AuthModal.vue
@@ -844,7 +844,7 @@
     </Teleport>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, watch, nextTick, inject } from "vue";
 import { useAuthStore } from "~/stores/auth";
 import CloudflareTurnstile from "@/components/Captcha/CloudflareTurnstile.vue";
diff --git a/resources/js/components/Captcha/CloudflareTurnstile.vue b/resources/js/components/Captcha/CloudflareTurnstile.vue
index fe46275..782f7c4 100644
--- a/resources/js/components/Captcha/CloudflareTurnstile.vue
+++ b/resources/js/components/Captcha/CloudflareTurnstile.vue
@@ -2,7 +2,7 @@
     <div ref="turnstileRef" class="cf-turnstile"></div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onUnmounted } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/components/Captcha/HCaptcha.vue b/resources/js/components/Captcha/HCaptcha.vue
index 624e500..334d993 100644
--- a/resources/js/components/Captcha/HCaptcha.vue
+++ b/resources/js/components/Captcha/HCaptcha.vue
@@ -11,7 +11,7 @@
     ></div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onUnmounted } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/components/DataTable.vue b/resources/js/components/DataTable.vue
index cc861e8..7e49a3d 100644
--- a/resources/js/components/DataTable.vue
+++ b/resources/js/components/DataTable.vue
@@ -173,7 +173,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, watch } from "vue";
 import {
     MagnifyingGlassIcon,
diff --git a/resources/js/components/ErrorDisplay.vue b/resources/js/components/ErrorDisplay.vue
index 48a408c..0348b1a 100644
--- a/resources/js/components/ErrorDisplay.vue
+++ b/resources/js/components/ErrorDisplay.vue
@@ -39,7 +39,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
     name: "ErrorDisplay",
 
diff --git a/resources/js/components/Feed/ReportVideo.vue b/resources/js/components/Feed/ReportVideo.vue
index 7cd5d28..878f12f 100644
--- a/resources/js/components/Feed/ReportVideo.vue
+++ b/resources/js/components/Feed/ReportVideo.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/components/Feed/ShareModal.vue b/resources/js/components/Feed/ShareModal.vue
index c57cf5f..af357b2 100644
--- a/resources/js/components/Feed/ShareModal.vue
+++ b/resources/js/components/Feed/ShareModal.vue
@@ -96,7 +96,7 @@
         </Teleport>
     </div>
 </template>
-<script setup>
+<script setup lang="ts">
 import { ref, computed } from "vue";
 import UrlCopyInput from "../Form/UrlCopyInput.vue";
 import { useI18n } from "vue-i18n";
diff --git a/resources/js/components/Feed/SnapScrollFeed.vue b/resources/js/components/Feed/SnapScrollFeed.vue
index 2f8b724..38f6eb2 100644
--- a/resources/js/components/Feed/SnapScrollFeed.vue
+++ b/resources/js/components/Feed/SnapScrollFeed.vue
@@ -56,7 +56,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {
     ref,
     computed,
diff --git a/resources/js/components/Feed/VideoPlayer.vue b/resources/js/components/Feed/VideoPlayer.vue
index 8d7ebff..a5ac3ea 100644
--- a/resources/js/components/Feed/VideoPlayer.vue
+++ b/resources/js/components/Feed/VideoPlayer.vue
@@ -538,7 +538,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {
     ref,
     onMounted,
diff --git a/resources/js/components/Form/EmojiPicker.vue b/resources/js/components/Form/EmojiPicker.vue
index ae0338e..594d1e2 100644
--- a/resources/js/components/Form/EmojiPicker.vue
+++ b/resources/js/components/Form/EmojiPicker.vue
@@ -20,7 +20,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from "vue";
 import { Picker } from "emoji-mart-vue-fast/src";
 import { useEmojiStore } from "@/stores/emojiStore";
diff --git a/resources/js/components/Form/TextInput.vue b/resources/js/components/Form/TextInput.vue
index c2c4bb2..5273b82 100644
--- a/resources/js/components/Form/TextInput.vue
+++ b/resources/js/components/Form/TextInput.vue
@@ -16,7 +16,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, computed } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/components/Form/ToggleSwitch.vue b/resources/js/components/Form/ToggleSwitch.vue
index cbc164e..d75a74e 100644
--- a/resources/js/components/Form/ToggleSwitch.vue
+++ b/resources/js/components/Form/ToggleSwitch.vue
@@ -18,7 +18,7 @@
     </button>
 </template>
 
-<script setup>
+<script setup lang="ts">
 defineProps({
     modelValue: Boolean,
 });
diff --git a/resources/js/components/Form/UrlCopyInput.vue b/resources/js/components/Form/UrlCopyInput.vue
index 0b12b92..9c9e25e 100644
--- a/resources/js/components/Form/UrlCopyInput.vue
+++ b/resources/js/components/Form/UrlCopyInput.vue
@@ -19,7 +19,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/components/Layout/Header.vue b/resources/js/components/Layout/Header.vue
index 1f670d0..48870b0 100644
--- a/resources/js/components/Layout/Header.vue
+++ b/resources/js/components/Layout/Header.vue
@@ -448,7 +448,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, inject, nextTick } from "vue";
 import { useRouter } from "vue-router";
 import { useSearchStore } from "@/stores/search";
diff --git a/resources/js/components/Layout/LanguagePicker.vue b/resources/js/components/Layout/LanguagePicker.vue
index 7e11454..a56c4e6 100644
--- a/resources/js/components/Layout/LanguagePicker.vue
+++ b/resources/js/components/Layout/LanguagePicker.vue
@@ -139,7 +139,7 @@
     </Teleport>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted } from "vue";
 import { useI18n } from "vue-i18n";
 
diff --git a/resources/js/components/Layout/LoginModal.vue b/resources/js/components/Layout/LoginModal.vue
index 317b300..bc1c26d 100644
--- a/resources/js/components/Layout/LoginModal.vue
+++ b/resources/js/components/Layout/LoginModal.vue
@@ -35,7 +35,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, inject } from "vue";
 import Login from "@/components/Login.vue";
 import Register from "@/components/Register.vue";
diff --git a/resources/js/components/Layout/NotificationsDropdown.vue b/resources/js/components/Layout/NotificationsDropdown.vue
index 5b81b2b..e01e2d8 100644
--- a/resources/js/components/Layout/NotificationsDropdown.vue
+++ b/resources/js/components/Layout/NotificationsDropdown.vue
@@ -156,7 +156,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted } from "vue";
 import { useNotificationStore } from "~/stores/notifications";
 import { useNotifications } from "~/composables/useNotifications";
diff --git a/resources/js/components/Layout/Sidebar.vue b/resources/js/components/Layout/Sidebar.vue
index 702b869..35d46f0 100644
--- a/resources/js/components/Layout/Sidebar.vue
+++ b/resources/js/components/Layout/Sidebar.vue
@@ -210,7 +210,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { inject, ref, computed, onMounted, onUnmounted } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useAuthStore } from "@/stores/auth";
diff --git a/resources/js/components/Layout/SidebarNavItem.vue b/resources/js/components/Layout/SidebarNavItem.vue
index aae1402..6a003a6 100644
--- a/resources/js/components/Layout/SidebarNavItem.vue
+++ b/resources/js/components/Layout/SidebarNavItem.vue
@@ -22,7 +22,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed, ref, onMounted, onUnmounted } from "vue";
 
 defineProps({
diff --git a/resources/js/components/Layout/SidebarProfileCard.vue b/resources/js/components/Layout/SidebarProfileCard.vue
index 7831d88..6c233ba 100644
--- a/resources/js/components/Layout/SidebarProfileCard.vue
+++ b/resources/js/components/Layout/SidebarProfileCard.vue
@@ -28,7 +28,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
     props: {
         user: {
diff --git a/resources/js/components/Layout/StudioHeader.vue b/resources/js/components/Layout/StudioHeader.vue
index 3964b32..3494065 100644
--- a/resources/js/components/Layout/StudioHeader.vue
+++ b/resources/js/components/Layout/StudioHeader.vue
@@ -85,7 +85,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, inject, nextTick } from "vue";
 import { useRouter } from "vue-router";
 import { useSearchStore } from "@/stores/search";
diff --git a/resources/js/components/Layout/StudioSidebar.vue b/resources/js/components/Layout/StudioSidebar.vue
index 7af0cc1..db6acdd 100644
--- a/resources/js/components/Layout/StudioSidebar.vue
+++ b/resources/js/components/Layout/StudioSidebar.vue
@@ -85,7 +85,7 @@
     </aside>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onUnmounted, computed } from "vue";
 import { useRouter, useRoute } from "vue-router";
 
diff --git a/resources/js/components/Layout/ThemeToggleButton.vue b/resources/js/components/Layout/ThemeToggleButton.vue
index 42cd96c..4f46bcb 100644
--- a/resources/js/components/Layout/ThemeToggleButton.vue
+++ b/resources/js/components/Layout/ThemeToggleButton.vue
@@ -7,7 +7,7 @@
     </button>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from "vue";
 import { SunIcon, MoonIcon } from "@heroicons/vue/24/outline";
 
diff --git a/resources/js/components/LoadingSpinner.vue b/resources/js/components/LoadingSpinner.vue
index 8f104c9..c0b9396 100644
--- a/resources/js/components/LoadingSpinner.vue
+++ b/resources/js/components/LoadingSpinner.vue
@@ -6,7 +6,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
     name: "LoadingSpinner",
 };
diff --git a/resources/js/components/Login.vue b/resources/js/components/Login.vue
index 38b52c1..0a23e31 100644
--- a/resources/js/components/Login.vue
+++ b/resources/js/components/Login.vue
@@ -80,7 +80,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, inject } from "vue";
 
 const authStore = inject("authStore");
diff --git a/resources/js/components/NotificationItem.vue b/resources/js/components/NotificationItem.vue
index 931d0bd..b48921e 100644
--- a/resources/js/components/NotificationItem.vue
+++ b/resources/js/components/NotificationItem.vue
@@ -76,7 +76,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from "vue";
 import { useRouter } from "vue-router";
 import {
diff --git a/resources/js/components/Profile/EditModal.vue b/resources/js/components/Profile/EditModal.vue
index 3d8fc55..cf4afb0 100644
--- a/resources/js/components/Profile/EditModal.vue
+++ b/resources/js/components/Profile/EditModal.vue
@@ -291,7 +291,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, watch, onMounted } from "vue";
 import { useRoute } from "vue-router";
 import { Cropper, CircleStencil } from "vue-advanced-cropper";
diff --git a/resources/js/components/Profile/FollowersModal.vue b/resources/js/components/Profile/FollowersModal.vue
index a3b9c58..6e143fb 100644
--- a/resources/js/components/Profile/FollowersModal.vue
+++ b/resources/js/components/Profile/FollowersModal.vue
@@ -208,7 +208,7 @@
     </Teleport>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, watch, computed } from "vue";
 import { storeToRefs } from "pinia";
 import { useInfiniteScroll } from "@vueuse/core";
diff --git a/resources/js/components/Profile/ProfileHeader.vue b/resources/js/components/Profile/ProfileHeader.vue
index 542d96e..2b6c3f2 100644
--- a/resources/js/components/Profile/ProfileHeader.vue
+++ b/resources/js/components/Profile/ProfileHeader.vue
@@ -221,7 +221,7 @@
     </Teleport>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, watch, onMounted, onUnmounted, computed } from "vue";
 import { useAuthStore } from "~/stores/auth";
 import { useProfileStore } from "~/stores/profile";
diff --git a/resources/js/components/Profile/ProfileTabBar.vue b/resources/js/components/Profile/ProfileTabBar.vue
index 76b475b..6f90782 100644
--- a/resources/js/components/Profile/ProfileTabBar.vue
+++ b/resources/js/components/Profile/ProfileTabBar.vue
@@ -48,7 +48,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/components/Profile/ProfileVideoCard.vue b/resources/js/components/Profile/ProfileVideoCard.vue
index f653933..22ba385 100644
--- a/resources/js/components/Profile/ProfileVideoCard.vue
+++ b/resources/js/components/Profile/ProfileVideoCard.vue
@@ -53,7 +53,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useHashids } from "@/composables/useHashids";
diff --git a/resources/js/components/Register.vue b/resources/js/components/Register.vue
index f18be72..8646e71 100644
--- a/resources/js/components/Register.vue
+++ b/resources/js/components/Register.vue
@@ -59,7 +59,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 let name = ref(null);
 let email = ref(null);
 let password = ref(null);
diff --git a/resources/js/components/ReportModal.vue b/resources/js/components/ReportModal.vue
index 1a8fb39..783a35b 100644
--- a/resources/js/components/ReportModal.vue
+++ b/resources/js/components/ReportModal.vue
@@ -209,7 +209,7 @@
     </Teleport>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useReportModal } from "@/composables/useReportModal";
 import { useI18n } from "vue-i18n";
 const { t } = useI18n();
diff --git a/resources/js/components/Settings/Sidebar.vue b/resources/js/components/Settings/Sidebar.vue
index cd4496c..5d2089f 100644
--- a/resources/js/components/Settings/Sidebar.vue
+++ b/resources/js/components/Settings/Sidebar.vue
@@ -23,7 +23,7 @@
     </aside>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from "vue";
 import SidebarItem from "./SidebarItem.vue";
 import { useI18n } from "vue-i18n";
diff --git a/resources/js/components/Settings/SidebarItem.vue b/resources/js/components/Settings/SidebarItem.vue
index 540ea89..7b91542 100644
--- a/resources/js/components/Settings/SidebarItem.vue
+++ b/resources/js/components/Settings/SidebarItem.vue
@@ -13,7 +13,7 @@
     </router-link>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from "vue";
 import { useRoute } from "vue-router";
 const route = useRoute();
diff --git a/resources/js/components/Status/CommentItem.vue b/resources/js/components/Status/CommentItem.vue
index c73c65c..200fd3c 100644
--- a/resources/js/components/Status/CommentItem.vue
+++ b/resources/js/components/Status/CommentItem.vue
@@ -270,7 +270,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onUnmounted, computed, inject } from "vue";
 import { useAuthStore } from "@/stores/auth";
 import { useCommentStore } from "@/stores/comments";
diff --git a/resources/js/components/Status/Comments.vue b/resources/js/components/Status/Comments.vue
index 1f97870..88e7ddf 100644
--- a/resources/js/components/Status/Comments.vue
+++ b/resources/js/components/Status/Comments.vue
@@ -107,7 +107,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, watch, inject, nextTick } from "vue";
 import { useAuthStore } from "@/stores/auth";
 import { useCommentStore } from "@/stores/comments";
diff --git a/resources/js/components/Status/EditModal.vue b/resources/js/components/Status/EditModal.vue
index 8b79a1b..915a60a 100644
--- a/resources/js/components/Status/EditModal.vue
+++ b/resources/js/components/Status/EditModal.vue
@@ -147,7 +147,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, watch, computed } from "vue";
 import { XMarkIcon, ExclamationTriangleIcon } from "@heroicons/vue/24/outline";
 import { useAlertModal } from "@/composables/useAlertModal.js";
diff --git a/resources/js/components/Status/NestedCommentItem.vue b/resources/js/components/Status/NestedCommentItem.vue
index 9139f34..14322fe 100644
--- a/resources/js/components/Status/NestedCommentItem.vue
+++ b/resources/js/components/Status/NestedCommentItem.vue
@@ -121,7 +121,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onUnmounted, computed, inject } from "vue";
 import { useAuthStore } from "@/stores/auth";
 import { useCommentStore } from "@/stores/comments";
diff --git a/resources/js/components/Studio/StudioPosts.vue b/resources/js/components/Studio/StudioPosts.vue
index d1b01f2..5add67a 100644
--- a/resources/js/components/Studio/StudioPosts.vue
+++ b/resources/js/components/Studio/StudioPosts.vue
@@ -215,7 +215,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, reactive, computed, onMounted, watch, inject } from "vue";
 import { useUtils } from "@/composables/useUtils";
 import {
diff --git a/resources/js/components/SuggestedAccountsCarousel.vue b/resources/js/components/SuggestedAccountsCarousel.vue
index 2df57c7..b67fcd8 100644
--- a/resources/js/components/SuggestedAccountsCarousel.vue
+++ b/resources/js/components/SuggestedAccountsCarousel.vue
@@ -87,7 +87,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, reactive, computed, onMounted, onUnmounted } from "vue";
 import { useSuggestedAccounts } from "~/composables/useSuggestedAccounts";
 import { useFollowAccount } from "~/composables/useFollowAccount";
diff --git a/resources/js/components/TextInput.vue b/resources/js/components/TextInput.vue
index f36b09f..8ac8559 100644
--- a/resources/js/components/TextInput.vue
+++ b/resources/js/components/TextInput.vue
@@ -16,7 +16,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, computed } from "vue";
 
 const props = defineProps({
diff --git a/resources/js/layouts/AdminLayout.vue b/resources/js/layouts/AdminLayout.vue
index a73ce40..abab46b 100644
--- a/resources/js/layouts/AdminLayout.vue
+++ b/resources/js/layouts/AdminLayout.vue
@@ -113,7 +113,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed } from "vue";
 import { useRoute } from "vue-router";
 import {
diff --git a/resources/js/layouts/FeedLayout.vue b/resources/js/layouts/FeedLayout.vue
index 43c79c9..db199fc 100644
--- a/resources/js/layouts/FeedLayout.vue
+++ b/resources/js/layouts/FeedLayout.vue
@@ -25,7 +25,7 @@
     </Teleport>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted } from "vue";
 import Header from "~/components/Layout/Header.vue";
 import Sidebar from "~/components/Layout/Sidebar.vue";
diff --git a/resources/js/layouts/FullLayout.vue b/resources/js/layouts/FullLayout.vue
index 2daadb7..4c4db7c 100644
--- a/resources/js/layouts/FullLayout.vue
+++ b/resources/js/layouts/FullLayout.vue
@@ -7,7 +7,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from "vue";
 import Header from "~/components/Layout/Header.vue";
 </script>
diff --git a/resources/js/layouts/MainLayout.vue b/resources/js/layouts/MainLayout.vue
index 3f3a10c..32e3622 100644
--- a/resources/js/layouts/MainLayout.vue
+++ b/resources/js/layouts/MainLayout.vue
@@ -23,7 +23,7 @@
     </Teleport>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted, inject } from "vue";
 import { storeToRefs } from "pinia";
 import Header from "~/components/Layout/Header.vue";
diff --git a/resources/js/layouts/SettingsLayout.vue b/resources/js/layouts/SettingsLayout.vue
index dc423f4..9d8476f 100644
--- a/resources/js/layouts/SettingsLayout.vue
+++ b/resources/js/layouts/SettingsLayout.vue
@@ -10,6 +10,6 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import Sidebar from "@/components/Settings/Sidebar.vue";
 </script>
diff --git a/resources/js/layouts/StudioLayout.vue b/resources/js/layouts/StudioLayout.vue
index 34b2162..f273549 100644
--- a/resources/js/layouts/StudioLayout.vue
+++ b/resources/js/layouts/StudioLayout.vue
@@ -20,7 +20,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted, inject } from "vue";
 import { storeToRefs } from "pinia";
 import StudioHeader from "~/components/Layout/StudioHeader.vue";
diff --git a/resources/js/pages/DynamicPage.vue b/resources/js/pages/DynamicPage.vue
index e68a510..72cff7d 100644
--- a/resources/js/pages/DynamicPage.vue
+++ b/resources/js/pages/DynamicPage.vue
@@ -161,7 +161,7 @@
     </MainLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import MainLayout from "@/layouts/FeedLayout.vue";
diff --git a/resources/js/pages/admin/Comments.vue b/resources/js/pages/admin/Comments.vue
index 7685f46..6675f6f 100644
--- a/resources/js/pages/admin/Comments.vue
+++ b/resources/js/pages/admin/Comments.vue
@@ -73,7 +73,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, watch, onUnmounted } from "vue";
 import DataTable from "@/components/DataTable.vue";
 import { commentsApi } from "@/services/adminApi";
diff --git a/resources/js/pages/admin/Hashtags.vue b/resources/js/pages/admin/Hashtags.vue
index f7b18df..40993f5 100644
--- a/resources/js/pages/admin/Hashtags.vue
+++ b/resources/js/pages/admin/Hashtags.vue
@@ -62,7 +62,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, watch } from "vue";
 import DataTable from "@/components/DataTable.vue";
 import { hashtagsApi } from "@/services/adminApi";
diff --git a/resources/js/pages/admin/ProfileShow.vue b/resources/js/pages/admin/ProfileShow.vue
index 7e221f6..5291df0 100644
--- a/resources/js/pages/admin/ProfileShow.vue
+++ b/resources/js/pages/admin/ProfileShow.vue
@@ -500,7 +500,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, onMounted, watch } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { profilesApi } from "@/services/adminApi";
diff --git a/resources/js/pages/admin/Profiles.vue b/resources/js/pages/admin/Profiles.vue
index db560d6..93caa38 100644
--- a/resources/js/pages/admin/Profiles.vue
+++ b/resources/js/pages/admin/Profiles.vue
@@ -89,7 +89,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, watch, onUnmounted } from "vue";
 import { useRouter } from "vue-router";
 import DataTable from "@/components/DataTable.vue";
diff --git a/resources/js/pages/admin/ReportShow.vue b/resources/js/pages/admin/ReportShow.vue
index 8e85925..34f91c6 100644
--- a/resources/js/pages/admin/ReportShow.vue
+++ b/resources/js/pages/admin/ReportShow.vue
@@ -696,7 +696,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, watch } from "vue";
 import { reportsApi } from "@/services/adminApi";
 import { useRoute, useRouter } from "vue-router";
diff --git a/resources/js/pages/admin/Reports.vue b/resources/js/pages/admin/Reports.vue
index 4906ce0..af1bf59 100644
--- a/resources/js/pages/admin/Reports.vue
+++ b/resources/js/pages/admin/Reports.vue
@@ -106,7 +106,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onUnmounted, watch } from "vue";
 import DataTable from "@/components/DataTable.vue";
 import { reportsApi } from "@/services/adminApi";
diff --git a/resources/js/pages/admin/Settings.vue b/resources/js/pages/admin/Settings.vue
index 80dfe0d..fc3f047 100644
--- a/resources/js/pages/admin/Settings.vue
+++ b/resources/js/pages/admin/Settings.vue
@@ -1500,7 +1500,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, reactive, onMounted, computed, watch, nextTick } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { MdEditor } from "md-editor-v3";
diff --git a/resources/js/pages/admin/VideoShow.vue b/resources/js/pages/admin/VideoShow.vue
index 1c94ac7..84adacb 100644
--- a/resources/js/pages/admin/VideoShow.vue
+++ b/resources/js/pages/admin/VideoShow.vue
@@ -495,7 +495,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, computed } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { videosApi } from "@/services/adminApi";
diff --git a/resources/js/pages/admin/Videos.vue b/resources/js/pages/admin/Videos.vue
index 916215d..b9d8275 100644
--- a/resources/js/pages/admin/Videos.vue
+++ b/resources/js/pages/admin/Videos.vue
@@ -87,7 +87,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, watch } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import DataTable from "@/components/DataTable.vue";
diff --git a/resources/js/pages/auth/ForgotPassword.vue b/resources/js/pages/auth/ForgotPassword.vue
index 76d4760..43b395a 100644
--- a/resources/js/pages/auth/ForgotPassword.vue
+++ b/resources/js/pages/auth/ForgotPassword.vue
@@ -152,7 +152,7 @@
     </FullLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, ref, inject } from "vue";
 import { storeToRefs } from "pinia";
 import FullLayout from "@/layouts/FullLayout.vue";
diff --git a/resources/js/pages/auth/PasswordReset.vue b/resources/js/pages/auth/PasswordReset.vue
index 25820fe..78a1ea1 100644
--- a/resources/js/pages/auth/PasswordReset.vue
+++ b/resources/js/pages/auth/PasswordReset.vue
@@ -171,7 +171,7 @@
     </FullLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, ref, inject } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { storeToRefs } from "pinia";
diff --git a/resources/js/pages/auth/VerifyEmail.vue b/resources/js/pages/auth/VerifyEmail.vue
index f24364d..3bea157 100644
--- a/resources/js/pages/auth/VerifyEmail.vue
+++ b/resources/js/pages/auth/VerifyEmail.vue
@@ -177,7 +177,7 @@
     </FullLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { inject, onMounted, ref, computed, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import FullLayout from "@/layouts/FullLayout.vue";
diff --git a/resources/js/pages/auth/login.vue b/resources/js/pages/auth/login.vue
index 6cc3629..03f76e2 100644
--- a/resources/js/pages/auth/login.vue
+++ b/resources/js/pages/auth/login.vue
@@ -14,7 +14,7 @@
     </FullLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, watch, inject, ref } from "vue";
 import { storeToRefs } from "pinia";
 import { useRoute, useRouter } from "vue-router";
diff --git a/resources/js/pages/dashboard/account/AccountData.vue b/resources/js/pages/dashboard/account/AccountData.vue
index 6b02e3b..47b20ff 100644
--- a/resources/js/pages/dashboard/account/AccountData.vue
+++ b/resources/js/pages/dashboard/account/AccountData.vue
@@ -475,7 +475,7 @@
     </SettingsLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, watch, onMounted } from "vue";
 import SettingsLayout from "~/layouts/SettingsLayout.vue";
 import ToggleSwitch from "@/components/Form/ToggleSwitch.vue";
diff --git a/resources/js/pages/dashboard/account/AccountDeactivate.vue b/resources/js/pages/dashboard/account/AccountDeactivate.vue
index e8cba2e..6712938 100644
--- a/resources/js/pages/dashboard/account/AccountDeactivate.vue
+++ b/resources/js/pages/dashboard/account/AccountDeactivate.vue
@@ -206,7 +206,7 @@
     </SettingsLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from "vue";
 import SettingsLayout from "~/layouts/SettingsLayout.vue";
 
diff --git a/resources/js/pages/dashboard/account/AccountDelete.vue b/resources/js/pages/dashboard/account/AccountDelete.vue
index 56c5eeb..0a6d1b0 100644
--- a/resources/js/pages/dashboard/account/AccountDelete.vue
+++ b/resources/js/pages/dashboard/account/AccountDelete.vue
@@ -335,7 +335,7 @@
     </SettingsLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed } from "vue";
 import SettingsLayout from "~/layouts/SettingsLayout.vue";
 
diff --git a/resources/js/pages/dashboard/account/AccountEmail.vue b/resources/js/pages/dashboard/account/AccountEmail.vue
index e1f76e5..5b8d253 100644
--- a/resources/js/pages/dashboard/account/AccountEmail.vue
+++ b/resources/js/pages/dashboard/account/AccountEmail.vue
@@ -299,7 +299,7 @@
     </SettingsLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, watch, onMounted, nextTick } from "vue";
 import SettingsLayout from "~/layouts/SettingsLayout.vue";
 import ToggleSwitch from "@/components/Form/ToggleSwitch.vue";
diff --git a/resources/js/pages/dashboard/account/AccountSecurity.vue b/resources/js/pages/dashboard/account/AccountSecurity.vue
index 240be8e..a86a12c 100644
--- a/resources/js/pages/dashboard/account/AccountSecurity.vue
+++ b/resources/js/pages/dashboard/account/AccountSecurity.vue
@@ -302,7 +302,7 @@
     </SettingsLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, nextTick } from "vue";
 import SettingsLayout from "~/layouts/SettingsLayout.vue";
 import ToggleSwitch from "@/components/Form/ToggleSwitch.vue";
diff --git a/resources/js/pages/dashboard/account/AccountStatus.vue b/resources/js/pages/dashboard/account/AccountStatus.vue
index 2cbddac..d66d886 100644
--- a/resources/js/pages/dashboard/account/AccountStatus.vue
+++ b/resources/js/pages/dashboard/account/AccountStatus.vue
@@ -346,7 +346,7 @@
     </SettingsLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from "vue";
 import SettingsLayout from "~/layouts/SettingsLayout.vue";
 
diff --git a/resources/js/pages/dashboard/index.vue b/resources/js/pages/dashboard/index.vue
index 0ff3f0b..632b0bb 100644
--- a/resources/js/pages/dashboard/index.vue
+++ b/resources/js/pages/dashboard/index.vue
@@ -193,7 +193,7 @@
     </SettingsLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, ref } from "vue";
 import SettingsLayout from "~/layouts/SettingsLayout.vue";
 import ToggleSwitch from "@/components/Form/ToggleSwitch.vue";
diff --git a/resources/js/pages/dashboard/safety.vue b/resources/js/pages/dashboard/safety.vue
index 42d2813..e2c8d08 100644
--- a/resources/js/pages/dashboard/safety.vue
+++ b/resources/js/pages/dashboard/safety.vue
@@ -82,7 +82,7 @@
     </SettingsLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, ref, nextTick } from "vue";
 import SettingsLayout from "~/layouts/SettingsLayout.vue";
 import ToggleSwitch from "@/components/Form/ToggleSwitch.vue";
diff --git a/resources/js/pages/dashboard/safety/SafetyBlockedAccounts.vue b/resources/js/pages/dashboard/safety/SafetyBlockedAccounts.vue
index abd44bb..a464499 100644
--- a/resources/js/pages/dashboard/safety/SafetyBlockedAccounts.vue
+++ b/resources/js/pages/dashboard/safety/SafetyBlockedAccounts.vue
@@ -458,7 +458,7 @@
     </SettingsLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed, watch, onMounted, onUnmounted, nextTick } from "vue";
 import SettingsLayout from "~/layouts/SettingsLayout.vue";
 import axios from "~/plugins/axios";
diff --git a/resources/js/pages/explore.vue b/resources/js/pages/explore.vue
index 5f56978..a3eccc6 100644
--- a/resources/js/pages/explore.vue
+++ b/resources/js/pages/explore.vue
@@ -109,7 +109,7 @@
     </MainLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { onMounted, inject } from "vue";
 import { storeToRefs } from "pinia";
 import { HeartIcon } from "@heroicons/vue/24/outline";
diff --git a/resources/js/pages/feed/following.vue b/resources/js/pages/feed/following.vue
index af058d1..f6d188f 100644
--- a/resources/js/pages/feed/following.vue
+++ b/resources/js/pages/feed/following.vue
@@ -75,7 +75,7 @@
     </FeedLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { inject, computed, ref } from "vue";
 import { useFollowingFeed } from "~/composables/useFollowingFeed";
 import FeedLayout from "~/layouts/FeedLayout.vue";
diff --git a/resources/js/pages/index.vue b/resources/js/pages/index.vue
index 6082d74..38c46ec 100644
--- a/resources/js/pages/index.vue
+++ b/resources/js/pages/index.vue
@@ -16,7 +16,7 @@
     </FeedLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { inject, computed, shallowRef, watch } from "vue";
 import { useFeed } from "~/composables/useFeed";
 import { usePublicFeed } from "~/composables/usePublicFeed";
diff --git a/resources/js/pages/notFound.vue b/resources/js/pages/notFound.vue
index c64488f..b673db5 100644
--- a/resources/js/pages/notFound.vue
+++ b/resources/js/pages/notFound.vue
@@ -106,7 +106,7 @@
     </MainLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import MainLayout from "../layouts/MainLayout.vue";
 import {
     ExclamationTriangleIcon,
diff --git a/resources/js/pages/notifications.vue b/resources/js/pages/notifications.vue
index 9e8f71c..3e5c7c7 100644
--- a/resources/js/pages/notifications.vue
+++ b/resources/js/pages/notifications.vue
@@ -149,7 +149,7 @@
     </MainLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { inject, onMounted, watch, computed } from "vue";
 import { useNotificationStore } from "~/stores/notifications";
 import {
diff --git a/resources/js/pages/platform/about.vue b/resources/js/pages/platform/about.vue
index 8c906a7..4e70f54 100644
--- a/resources/js/pages/platform/about.vue
+++ b/resources/js/pages/platform/about.vue
@@ -43,7 +43,7 @@
     </MainLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, inject } from "vue";
 import MainLayout from "@/layouts/FeedLayout.vue";
 
diff --git a/resources/js/pages/platform/contact.vue b/resources/js/pages/platform/contact.vue
index 38e72b9..dca75df 100644
--- a/resources/js/pages/platform/contact.vue
+++ b/resources/js/pages/platform/contact.vue
@@ -223,7 +223,7 @@
     </MainLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted } from "vue";
 import MainLayout from "@/layouts/MainLayout.vue";
 import {
diff --git a/resources/js/pages/profile/index.vue b/resources/js/pages/profile/index.vue
index 7ddbe50..7c0242c 100644
--- a/resources/js/pages/profile/index.vue
+++ b/resources/js/pages/profile/index.vue
@@ -132,7 +132,7 @@
     </MainLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onUnmounted, watch, nextTick } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { storeToRefs } from "pinia";
diff --git a/resources/js/pages/studio/index.vue b/resources/js/pages/studio/index.vue
index 233bebd..3dd6816 100644
--- a/resources/js/pages/studio/index.vue
+++ b/resources/js/pages/studio/index.vue
@@ -88,7 +88,7 @@
     </StudioLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {
     ref,
     reactive,
diff --git a/resources/js/pages/studio/posts.vue b/resources/js/pages/studio/posts.vue
index 535c06b..70ace4d 100644
--- a/resources/js/pages/studio/posts.vue
+++ b/resources/js/pages/studio/posts.vue
@@ -4,6 +4,6 @@
     </StudioLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import StudioPosts from "@/components/Studio/StudioPosts.vue";
 </script>
diff --git a/resources/js/pages/studio/upload.vue b/resources/js/pages/studio/upload.vue
index 260f0e6..88070cb 100644
--- a/resources/js/pages/studio/upload.vue
+++ b/resources/js/pages/studio/upload.vue
@@ -739,7 +739,7 @@
     </StudioLayout>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import {
     ref,
     reactive,
diff --git a/resources/js/pages/v/index.vue b/resources/js/pages/v/index.vue
index 3bcb589..001e873 100644
--- a/resources/js/pages/v/index.vue
+++ b/resources/js/pages/v/index.vue
@@ -336,7 +336,7 @@
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount, watch, computed, inject } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { useAppStore } from "~/stores/app";