perf(ssr): optimize setup context creation for ssr in v8

packages/runtime-core/src/component.ts

@@ -1004,36 +1004,28 @@ export function finishComponentSetup(
   }
 }
 
-function getAttrsProxy(instance: ComponentInternalInstance): Data {
+const attrsProxyHandlers = __DEV__
-  return (
+  ? {
-    instance.attrsProxy ||
+      get(target: Data, key: string) {
-    (instance.attrsProxy = new Proxy(
+        markAttrsAccessed()
-      instance.attrs,
+        track(target, TrackOpTypes.GET, '')
-      __DEV__
+        return target[key]
-        ? {
+      },
-            get(target, key: string) {
+      set() {
-              markAttrsAccessed()
+        warn(`setupContext.attrs is readonly.`)
-              track(instance, TrackOpTypes.GET, '$attrs')
+        return false
-              return target[key]
+      },
-            },
+      deleteProperty() {
-            set() {
+        warn(`setupContext.attrs is readonly.`)
-              warn(`setupContext.attrs is readonly.`)
+        return false
-              return false
+      },
-            },
+    }
-            deleteProperty() {
+  : {
-              warn(`setupContext.attrs is readonly.`)
+      get(target: Data, key: string) {
-              return false
+        track(target, TrackOpTypes.GET, '')
-            },
+        return target[key]
-          }
+      },
-        : {
+    }
-            get(target, key: string) {
-              track(instance, TrackOpTypes.GET, '$attrs')
-              return target[key]
-            },
-          },
-    ))
-  )
-}
 
 /**
  * Dev-only
@@ -1080,9 +1072,13 @@ export function createSetupContext(
   if (__DEV__) {
     // We use getters in dev in case libs like test-utils overwrite instance
     // properties (overwrites should not be done in prod)
+    let attrsProxy: Data
     return Object.freeze({
       get attrs() {
-        return getAttrsProxy(instance)
+        return (
+          attrsProxy ||
+          (attrsProxy = new Proxy(instance.attrs, attrsProxyHandlers))
+        )
       },
       get slots() {
         return getSlotsProxy(instance)
@@ -1094,9 +1090,7 @@ export function createSetupContext(
     })
   } else {
     return {
-      get attrs() {
+      attrs: new Proxy(instance.attrs, attrsProxyHandlers),
-        return getAttrsProxy(instance)
-      },
       slots: instance.slots,
       emit: instance.emit,
       expose,

packages/runtime-core/src/componentProps.ts

@@ -365,7 +365,7 @@ export function updateProps(
 
   // trigger updates for $attrs in case it's used in component slots
   if (hasAttrsChanged) {
-    trigger(instance, TriggerOpTypes.SET, '$attrs')
+    trigger(instance.attrs, TriggerOpTypes.SET, '')
   }
 
   if (__DEV__) {