diff --git a/client/pages/forms/[slug]/show/share.vue b/client/pages/forms/[slug]/show/share.vue
index 691f0b05..88d40b2c 100644
--- a/client/pages/forms/[slug]/show/share.vue
+++ b/client/pages/forms/[slug]/show/share.vue
@@ -21,15 +21,17 @@
 </template>
 
 <script setup>
-import ShareLink from '../../../../components/pages/forms/show/ShareLink.vue'
-import EmbedCode from '../../../../components/pages/forms/show/EmbedCode.vue'
-import FormQrCode from '../../../../components/pages/forms/show/FormQrCode.vue'
-import UrlFormPrefill from '../../../../components/pages/forms/show/UrlFormPrefill.vue'
-import RegenerateFormLink from '../../../../components/pages/forms/show/RegenerateFormLink.vue'
-import AdvancedFormUrlSettings from '../../../../components/open/forms/components/AdvancedFormUrlSettings.vue'
-import EmbedFormAsPopupModal from '../../../../components/pages/forms/show/EmbedFormAsPopupModal.vue'
+import ShareLink from '~/components/pages/forms/show/ShareLink.vue'
+import EmbedCode from '~/components/pages/forms/show/EmbedCode.vue'
+import FormQrCode from '~/components/pages/forms/show/FormQrCode.vue'
+import UrlFormPrefill from '~/components/pages/forms/show/UrlFormPrefill.vue'
+import RegenerateFormLink from '~/components/pages/forms/show/RegenerateFormLink.vue'
+import AdvancedFormUrlSettings from '~/components/open/forms/components/AdvancedFormUrlSettings.vue'
+import EmbedFormAsPopupModal from '~/components/pages/forms/show/EmbedFormAsPopupModal.vue'
 
-const props = defineProps({form: {type: Object, required: true}})
+const props = defineProps({
+  form: {type: Object, required: true}
+})
 
 definePageMeta({
   middleware: "auth"
diff --git a/client/pages/forms/[slug]/show/stats.vue b/client/pages/forms/[slug]/show/stats.vue
index d1f0cbe5..74c0b486 100644
--- a/client/pages/forms/[slug]/show/stats.vue
+++ b/client/pages/forms/[slug]/show/stats.vue
@@ -7,26 +7,17 @@
   </div>
 </template>
 
-<script>
-import FormStats from '../../../../components/open/forms/components/FormStats.vue'
+<script setup>
+import FormStats from '~/components/open/forms/components/FormStats.vue'
 
-export default {
-  components: {FormStats},
+const props = defineProps({
+  form: {type: Object, required: true}
+})
 
-  props: {
-    form: {type: Object, required: true},
-  },
-
-  setup (props) {
-    definePageMeta({
-      middleware: "auth"
-    })
-    useOpnSeoMeta({
-      title: (props.form) ? 'Form Analytics - '+props.form.title : 'Form Analytics'
-    })
-  },
-
-  computed: {
-  }
-}
+definePageMeta({
+  middleware: "auth"
+})
+useOpnSeoMeta({
+  title: (props.form) ? 'Form Analytics - ' + props.form.title : 'Form Analytics'
+})
 </script>
diff --git a/client/pages/forms/[slug]/show/submissions.vue b/client/pages/forms/[slug]/show/submissions.vue
index 064e2d80..1b75d3ac 100644
--- a/client/pages/forms/[slug]/show/submissions.vue
+++ b/client/pages/forms/[slug]/show/submissions.vue
@@ -5,11 +5,11 @@
 </template>
 
 <script setup>
-import FormSubmissions from '../../../../components/open/forms/components/FormSubmissions.vue'
+import FormSubmissions from '~/components/open/forms/components/FormSubmissions.vue'
 
-const props = {
+const props = defineProps({
   form: {type: Object, required: true}
-}
+})
 
 definePageMeta({
   middleware: "auth"