fix: effect scope issues

src/runtime/createClass.ts

@@ -20,14 +20,15 @@ export function createClass<TFactory extends InstanceFactory>(
   const ReactiveClass = class extends ReactiveInstance<TFactory> {
     constructor(...args: Parameters<TFactory>) {
       super()
-      this[EffectScope.symbol].enter()
+      const scope = this[EffectScope.symbol]
+      scope.enter()
       try {
-        const self = unnest(copyDescriptors(this, factory(...args)))
-        this[EffectScope.symbol].autoSetup()
-        return self
+        var self = unnest(copyDescriptors(this, factory(...args)))
       } finally {
-        this[EffectScope.symbol].leave()
+        scope.leave()
       }
+      scope.autoSetup()
+      return self
     }
   }
   Object.defineProperty(ReactiveClass, 'name', {

src/runtime/scope.ts

@@ -4,15 +4,19 @@ import type { ReactiveClass } from './instance'
 let activeScope: EffectScope | null = null
 
 export class EffectScope {
+  parentScope: EffectScope | undefined
   setupEffects: (() => Cleanup)[] | undefined
   updateEffects: ((...args: any[]) => void)[] | undefined
   cleanupEffects: Cleanup[] | undefined
 
   enter() {
+    if (activeScope) {
+      this.parentScope = activeScope
+    }
     activeScope = this
   }
   leave() {
-    activeScope = null
+    activeScope = this.parentScope ?? null
   }
 
   setup() {