diff --git a/package-lock.json b/package-lock.json
index 294341bbe..ede253f81 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -50,7 +50,7 @@
       },
       "peerDependencies": {
         "@prefecthq/vue-compositions": "^1.11.0",
-        "vue": "^3.4.27",
+        "vue": "^3.5.0",
         "vue-router": "^4.1.6"
       }
     },
@@ -2222,51 +2222,55 @@
       "dev": true
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.27.tgz",
-      "integrity": "sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.0.tgz",
+      "integrity": "sha512-ja7cpqAOfw4tyFAxgBz70Z42miNDeaqTxExTsnXDLomRpqfyCgyvZvFp482fmsElpfvsoMJUsvzULhvxUTW6Iw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.24.4",
-        "@vue/shared": "3.4.27",
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.0",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.27.tgz",
-      "integrity": "sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.0.tgz",
+      "integrity": "sha512-xYjUybWZXl+1R/toDy815i4PbeehL2hThiSGkcpmIOCy2HoYyeeC/gAWK/Y/xsoK+GSw198/T5O31bYuQx5uvQ==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-core": "3.5.0",
+        "@vue/shared": "3.5.0"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.27.tgz",
-      "integrity": "sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.0.tgz",
+      "integrity": "sha512-B9DgLtrqok2GLuaFjLlSL15ZG3ZDBiitUH1ecex9guh/ZcA5MCdwuVE6nsfQxktuZY/QY0awJ35/ripIviCQTQ==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@babel/parser": "^7.24.4",
-        "@vue/compiler-core": "3.4.27",
-        "@vue/compiler-dom": "3.4.27",
-        "@vue/compiler-ssr": "3.4.27",
-        "@vue/shared": "3.4.27",
+        "@babel/parser": "^7.25.3",
+        "@vue/compiler-core": "3.5.0",
+        "@vue/compiler-dom": "3.5.0",
+        "@vue/compiler-ssr": "3.5.0",
+        "@vue/shared": "3.5.0",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.10",
-        "postcss": "^8.4.38",
+        "magic-string": "^0.30.11",
+        "postcss": "^8.4.44",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.27.tgz",
-      "integrity": "sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.0.tgz",
+      "integrity": "sha512-E263QZmA1dqRd7c3u/sWTLRMpQOT0aZ8av/L9SoD/v/BVMZaWFHPUUBswS+bzrfvG2suJF8vSLKx6k6ba5SUdA==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@vue/compiler-dom": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-dom": "3.5.0",
+        "@vue/shared": "3.5.0"
       }
     },
     "node_modules/@vue/compiler-vue2": {
@@ -2404,52 +2408,58 @@
       "dev": true
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.27.tgz",
-      "integrity": "sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.0.tgz",
+      "integrity": "sha512-Ew3F5riP3B3ZDGjD3ZKb9uZylTTPSqt8hAf4sGbvbjrjDjrFb3Jm15Tk1/w7WwTE5GbQ2Qhwxx1moc9hr8A/OQ==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@vue/shared": "3.4.27"
+        "@vue/shared": "3.5.0"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.27.tgz",
-      "integrity": "sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.0.tgz",
+      "integrity": "sha512-mQyW0F9FaNRdt8ghkAs+BMG3iQ7LGgWKOpkzUzR5AI5swPNydHGL5hvVTqFaeMzwecF1g0c86H4yFQsSxJhH1w==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@vue/reactivity": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/reactivity": "3.5.0",
+        "@vue/shared": "3.5.0"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.27.tgz",
-      "integrity": "sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.0.tgz",
+      "integrity": "sha512-NQQXjpdXgyYVJ2M56FJ+lSJgZiecgQ2HhxhnQBN95FymXegRNY/N2htI7vOTwpP75pfxhIeYOJ8mE8sW8KAW6A==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@vue/runtime-core": "3.4.27",
-        "@vue/shared": "3.4.27",
+        "@vue/reactivity": "3.5.0",
+        "@vue/runtime-core": "3.5.0",
+        "@vue/shared": "3.5.0",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.27.tgz",
-      "integrity": "sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.0.tgz",
+      "integrity": "sha512-HyDIFUg+l7L4PKrEnJlCYWHUOlm6NxZhmSxIefZ5MTYjkIPfDfkwhX7hqxAQHfgIAE1uLMLQZwuNR/ozI0NhZg==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@vue/compiler-ssr": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-ssr": "3.5.0",
+        "@vue/shared": "3.5.0"
       },
       "peerDependencies": {
-        "vue": "3.4.27"
+        "vue": "3.5.0"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.27.tgz",
-      "integrity": "sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA=="
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.0.tgz",
+      "integrity": "sha512-m9IgiteBpCkFaMNwCOBkFksA7z8QiKc30ooRuoXWUFRDu0mGyNPlFHmbncF0/Kra1RlX8QrmBbRaIxVvikaR0Q==",
+      "license": "MIT"
     },
     "node_modules/@vueuse/core": {
       "version": "10.11.0",
@@ -3274,6 +3284,7 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT",
       "peer": true
     },
     "node_modules/data-urls": {
@@ -7792,16 +7803,17 @@
       "dev": true
     },
     "node_modules/vue": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.27.tgz",
-      "integrity": "sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.0.tgz",
+      "integrity": "sha512-1t70favYoFijwfWJ7g81aTd32obGaAnKYE9FNyMgnEzn3F4YncRi/kqAHHKloG0VXTD8vBYMhbgLKCA+Sk6QDw==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@vue/compiler-dom": "3.4.27",
-        "@vue/compiler-sfc": "3.4.27",
-        "@vue/runtime-dom": "3.4.27",
-        "@vue/server-renderer": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-dom": "3.5.0",
+        "@vue/compiler-sfc": "3.5.0",
+        "@vue/runtime-dom": "3.5.0",
+        "@vue/server-renderer": "3.5.0",
+        "@vue/shared": "3.5.0"
       },
       "peerDependencies": {
         "typescript": "*"
diff --git a/package.json b/package.json
index 0e09a3994..50aa9468c 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
   },
   "peerDependencies": {
     "@prefecthq/vue-compositions": "^1.11.0",
-    "vue": "^3.4.27",
+    "vue": "^3.5.0",
     "vue-router": "^4.1.6"
   },
   "dependencies": {
diff --git a/src/components/BaseInput/PBaseInput.vue b/src/components/BaseInput/PBaseInput.vue
index a8a00af5c..a4c09c4a2 100644
--- a/src/components/BaseInput/PBaseInput.vue
+++ b/src/components/BaseInput/PBaseInput.vue
@@ -20,14 +20,6 @@
   </div>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'BaseInput',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { computed, ref } from 'vue'
   import PIcon from '@/components/Icon/PIcon.vue'
@@ -36,6 +28,10 @@
   import { State } from '@/types/state'
   import { asArray } from '@/utilities'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     state?: State,
     prepend?: string,
diff --git a/src/components/Checkbox/PCheckbox.vue b/src/components/Checkbox/PCheckbox.vue
index 616a67f75..408eeff2f 100644
--- a/src/components/Checkbox/PCheckbox.vue
+++ b/src/components/Checkbox/PCheckbox.vue
@@ -21,14 +21,6 @@
   </PLabel>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PCheckbox',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { computed, useSlots } from 'vue'
   import { useAttrsStylesAndClasses } from '@/compositions'
@@ -36,6 +28,10 @@
   import { State } from '@/types/state'
   import { isDefined } from '@/utilities'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     modelValue: CheckboxModel | null,
     label?: string,
diff --git a/src/components/CheckboxGroup/PCheckboxGroup.vue b/src/components/CheckboxGroup/PCheckboxGroup.vue
index 83ae1c6d0..6aaba1a38 100644
--- a/src/components/CheckboxGroup/PCheckboxGroup.vue
+++ b/src/components/CheckboxGroup/PCheckboxGroup.vue
@@ -16,20 +16,16 @@
   </fieldset>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PCheckboxGroup',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { computed } from 'vue'
   import { PCheckbox } from '@/components/Checkbox'
   import { useAttrsStylesAndClasses } from '@/compositions'
   import { normalizeSelectOption, SelectOptionNormalized } from '@/types'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     modelValue: string[] | number[] | boolean[],
     options: string[] | number[] | boolean[] | SelectOptionNormalized[],
diff --git a/src/components/Code/PCode.vue b/src/components/Code/PCode.vue
index f5cba3aea..2170f4004 100644
--- a/src/components/Code/PCode.vue
+++ b/src/components/Code/PCode.vue
@@ -3,13 +3,6 @@
   <pre v-else class="p-code-container p-code-container--block"><code><slot /></code></pre>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PCode',
-    expose: [],
-  }
-</script>
-
 <script lang="ts" setup>
   defineProps<{
     /**
diff --git a/src/components/Drawer/PDrawer.vue b/src/components/Drawer/PDrawer.vue
index 521647afc..4d489a59a 100644
--- a/src/components/Drawer/PDrawer.vue
+++ b/src/components/Drawer/PDrawer.vue
@@ -18,14 +18,6 @@
   </teleport>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PDrawer',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { computed, useAttrs } from 'vue'
   import { useDrawer, useGlobalEventListener } from '@/compositions'
@@ -33,6 +25,10 @@
   import { DrawerPlacement, keys } from '@/types'
   import { isKeyEvent } from '@/utilities'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = withDefaults(defineProps<{
     resizable?: boolean,
     placement?: DrawerPlacement,
diff --git a/src/components/Frame/PFrame.vue b/src/components/Frame/PFrame.vue
index 777eabc71..7d443db2e 100644
--- a/src/components/Frame/PFrame.vue
+++ b/src/components/Frame/PFrame.vue
@@ -13,18 +13,14 @@
   </teleport>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PFrame',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { useElementRect } from '@prefecthq/vue-compositions'
   import { ref, watch, computed } from 'vue'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     bodyClass: Record<string, boolean> | string | string[],
   }>()
diff --git a/src/components/IconButtonMenu/PIconButtonMenu.vue b/src/components/IconButtonMenu/PIconButtonMenu.vue
index 3f35989f1..105fcb492 100644
--- a/src/components/IconButtonMenu/PIconButtonMenu.vue
+++ b/src/components/IconButtonMenu/PIconButtonMenu.vue
@@ -18,14 +18,6 @@
   </PPopOver>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PIconButtonMenu',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { ref } from 'vue'
   import PButton from '@/components/Button/PButton.vue'
@@ -35,6 +27,10 @@
   import { Icon } from '@/types/icon'
   import { topRight, bottomRight, bottomLeft, topLeft } from '@/utilities/position'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   withDefaults(defineProps<{
     icon?: Icon,
   }>(), {
diff --git a/src/components/Modal/PModal.vue b/src/components/Modal/PModal.vue
index 54051d5db..a3e91a962 100644
--- a/src/components/Modal/PModal.vue
+++ b/src/components/Modal/PModal.vue
@@ -54,14 +54,6 @@
   </teleport>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PModal',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script setup lang="ts">
   import { nextTick, computed, ref, useSlots, watch, onBeforeUnmount } from 'vue'
   import PButton from '@/components/Button/PButton.vue'
@@ -73,6 +65,10 @@
   import { Icon } from '@/types/icon'
   import { isKeyEvent } from '@/utilities'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     showModal?: boolean,
     title?: string,
diff --git a/src/components/PopOver/PPopOver.vue b/src/components/PopOver/PPopOver.vue
index 62c1e6c55..0aa9b63c2 100644
--- a/src/components/PopOver/PPopOver.vue
+++ b/src/components/PopOver/PPopOver.vue
@@ -9,14 +9,6 @@
   </teleport>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PPopOver',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { useGlobalEventListener } from '@prefecthq/vue-compositions'
   import { ref, watch, computed, useAttrs } from 'vue'
@@ -26,6 +18,10 @@
   import { randomId } from '@/utilities'
   import { left, right, bottom, top } from '@/utilities/position'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = withDefaults(defineProps<{
     placement?: PositionMethod | PositionMethod[],
     autoClose?: boolean,
diff --git a/src/components/Radio/PRadio.vue b/src/components/Radio/PRadio.vue
index 230afa137..ac5911dd2 100644
--- a/src/components/Radio/PRadio.vue
+++ b/src/components/Radio/PRadio.vue
@@ -21,21 +21,17 @@
   </PLabel>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PRadio',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
-  <script lang="ts" setup>
+<script lang="ts" setup>
   import { computed, useSlots } from 'vue'
   import { useAttrsStylesAndClasses } from '@/compositions/attributes'
   import { SelectModelValue } from '@/types/selectOption'
   import { State } from '@/types/state'
   import { isDefined } from '@/utilities'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     modelValue: string | number | boolean | null | undefined,
     label: string,
diff --git a/src/components/RadioGroup/PRadioGroup.vue b/src/components/RadioGroup/PRadioGroup.vue
index 3d6625264..aeecfc1e9 100644
--- a/src/components/RadioGroup/PRadioGroup.vue
+++ b/src/components/RadioGroup/PRadioGroup.vue
@@ -16,20 +16,16 @@
   </div>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PRadioGroup',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { computed } from 'vue'
   import { PRadio } from '@/components/Radio'
   import { useAttrsStylesAndClasses } from '@/compositions/attributes'
   import { SelectModelValue, normalizeSelectOption, SelectOptionNormalized } from '@/types/selectOption'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     modelValue: string | number | boolean | null | undefined,
     options: string[] | SelectOptionNormalized[],
diff --git a/src/components/Select/PSelect.vue b/src/components/Select/PSelect.vue
index 9fa76f155..bb73b4724 100644
--- a/src/components/Select/PSelect.vue
+++ b/src/components/Select/PSelect.vue
@@ -88,14 +88,6 @@
   </PPopOver>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PSelect',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { useElementRect } from '@prefecthq/vue-compositions'
   import { computed, ref } from 'vue'
@@ -114,6 +106,10 @@
   import { media } from '@/utilities/media'
   import { topLeft, bottomLeft, bottomRight, topRight } from '@/utilities/position'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     modelValue: string | number | boolean | null | SelectModelValue[] | undefined,
     disabled?: boolean,
diff --git a/src/components/TagsArea/PTagsArea.vue b/src/components/TagsArea/PTagsArea.vue
index 1929affae..1b16b496c 100644
--- a/src/components/TagsArea/PTagsArea.vue
+++ b/src/components/TagsArea/PTagsArea.vue
@@ -31,20 +31,16 @@
   </div>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PTagsArea',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { computed, ref } from 'vue'
   import PBaseInput from '@/components/BaseInput/PBaseInput.vue'
   import PTag from '@/components/Tag/PTag.vue'
   import { keys } from '@/types/keyEvent'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     modelValue: string[] | null | undefined,
     disabled?: boolean,
diff --git a/src/components/TextTruncate/PTextTruncate.vue b/src/components/TextTruncate/PTextTruncate.vue
index 5f3e209bf..b6fde1cc5 100644
--- a/src/components/TextTruncate/PTextTruncate.vue
+++ b/src/components/TextTruncate/PTextTruncate.vue
@@ -7,12 +7,6 @@
   </span>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PTextTruncate',
-  }
-</script>
-
 <script lang="ts" setup>
   import { computed, ref } from 'vue'
 
diff --git a/src/components/TypeAhead/PTypeAhead.vue b/src/components/TypeAhead/PTypeAhead.vue
index 09f85b8f0..6e200d3be 100644
--- a/src/components/TypeAhead/PTypeAhead.vue
+++ b/src/components/TypeAhead/PTypeAhead.vue
@@ -38,14 +38,6 @@
   </PPopOver>
 </template>
 
-<script lang="ts">
-  export default {
-    name: 'PTypeAhead',
-    expose: [],
-    inheritAttrs: false,
-  }
-</script>
-
 <script lang="ts" setup>
   import { useElementRect } from '@prefecthq/vue-compositions'
   import { computed, ref } from 'vue'
@@ -57,6 +49,10 @@
   import { SelectModelValue, normalizeSelectOption, optionIncludes } from '@/types/selectOption'
   import { topLeft, bottomLeft, bottomRight, topRight } from '@/utilities/position'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     modelValue: string | null | undefined,
     disabled?: boolean,