Merge pull request #1529 from PrefectHQ/update-vue

Update vue

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": {

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,

src/components/Checkbox/PCheckbox.vue

@@ -21,21 +21,17 @@
   </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'
   import { CheckboxModel } from '@/types/checkbox'
   import { State } from '@/types/state'
   import { isDefined } from '@/utilities'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = defineProps<{
     modelValue: CheckboxModel | null,
     label?: string,

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[],

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<{
     /**

src/components/Drawer/PDrawer.vue

@@ -18,21 +18,17 @@
   </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'
   import { PLayoutResizable } from '@/layouts'
   import { DrawerPlacement, keys } from '@/types'
   import { isKeyEvent } from '@/utilities'
 
+  defineOptions({
+    inheritAttrs: false,
+  })
+
   const props = withDefaults(defineProps<{
     resizable?: boolean,
     placement?: DrawerPlacement,

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[],
   }>()

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,
   }>(), {