diff --git a/shell/edit/networking.k8s.io.ingress/RulePath.vue b/shell/edit/networking.k8s.io.ingress/RulePath.vue
index 99d8e7a9f7..32cb45371d 100644
--- a/shell/edit/networking.k8s.io.ingress/RulePath.vue
+++ b/shell/edit/networking.k8s.io.ingress/RulePath.vue
@@ -34,13 +34,17 @@ export default {
       type: Object,
     }
   },
+  setup() {
+    const pathTypes = [
+      'Prefix',
+      'Exact',
+      'ImplementationSpecific'
+    ];
+
+    return { pathTypes };
+  },
   data() {
     return {
-      pathTypes: [
-        'Prefix',
-        'Exact',
-        'ImplementationSpecific'
-      ],
       serviceName: undefined,
       servicePort: undefined,
       pathType:    this.value.pathType,