From 1e5411d279e69278d9ddb3abc059c0fa401c5268 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sun, 20 Oct 2024 05:47:59 -0500
Subject: [PATCH] Remove processedPropType and convert all components to
 composition API

---
 src/components/Game.vue                       |  13 +-
 src/components/Layer.vue                      |  94 ++--
 src/components/fields/Select.vue              |   6 +-
 src/features/achievements/Achievement.vue     | 123 ++---
 src/features/bars/Bar.vue                     | 147 +++---
 src/features/challenges/Challenge.vue         | 215 ++++-----
 src/features/clickables/Clickable.vue         | 121 ++---
 src/features/grids/Grid.vue                   |  47 +-
 src/features/grids/GridCell.vue               |  62 +--
 src/features/infoboxes/Infobox.vue            |  72 +--
 src/features/particles/Particles.vue          | 107 ++---
 src/features/tabs/TabButton.vue               |  74 ++-
 src/features/tabs/TabFamily.vue               | 137 ++----
 src/features/tooltips/Tooltip.vue             |  89 ++--
 src/features/trees/Tree.vue                   | 100 ++--
 src/features/trees/TreeNode.vue               |  72 +--
 src/features/upgrades/Upgrade.vue             | 132 ++---
 src/util/vue.tsx                              |  43 +-
 .../game/__snapshots__/modifiers.test.ts.snap | 450 ++++++++++++++++++
 19 files changed, 1058 insertions(+), 1046 deletions(-)

diff --git a/src/components/Game.vue b/src/components/Game.vue
index 1975696..a1b239f 100644
--- a/src/components/Game.vue
+++ b/src/components/Game.vue
@@ -29,14 +29,23 @@ import player from "game/player";
 import { computed, toRef, unref } from "vue";
 import Layer from "./Layer.vue";
 import Nav from "./Nav.vue";
+import { deepUnref } from "util/vue";
 
 const tabs = toRef(player, "tabs");
 const layerKeys = computed(() => Object.keys(layers));
 const useHeader = projInfo.useHeader;
 
 function gatherLayerProps(layer: GenericLayer) {
-    const { display, minimized, name, color, minimizable, nodes, minimizedDisplay } = layer;
-    return { display, minimized, name, color, minimizable, nodes, minimizedDisplay };
+    const { display, name, color, minimizable, minimizedDisplay } = deepUnref(layer);
+    return {
+        display,
+        name,
+        color,
+        minimizable,
+        minimizedDisplay,
+        minimized: layer.minimized,
+        nodes: layer.nodes
+    };
 }
 </script>
 
diff --git a/src/components/Layer.vue b/src/components/Layer.vue
index 1857535..7471c66 100644
--- a/src/components/Layer.vue
+++ b/src/components/Layer.vue
@@ -23,80 +23,48 @@
     </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import projInfo from "data/projInfo.json";
 import type { CoercableComponent } from "features/feature";
 import type { FeatureNode } from "game/layers";
 import player from "game/player";
-import { computeComponent, computeOptionalComponent, processedPropType, unwrapRef } from "util/vue";
-import { PropType, Ref, computed, defineComponent, onErrorCaptured, ref, toRefs, unref } from "vue";
+import { computeComponent, computeOptionalComponent } from "util/vue";
+import { Ref, computed, onErrorCaptured, ref, toRef, unref } from "vue";
 import Context from "./Context.vue";
 import ErrorVue from "./Error.vue";
 
-export default defineComponent({
-    components: { Context, ErrorVue },
-    props: {
-        index: {
-            type: Number,
-            required: true
-        },
-        display: {
-            type: processedPropType<CoercableComponent>(Object, String, Function),
-            required: true
-        },
-        minimizedDisplay: processedPropType<CoercableComponent>(Object, String, Function),
-        minimized: {
-            type: Object as PropType<Ref<boolean>>,
-            required: true
-        },
-        name: {
-            type: processedPropType<string>(String),
-            required: true
-        },
-        color: processedPropType<string>(String),
-        minimizable: processedPropType<boolean>(Boolean),
-        nodes: {
-            type: Object as PropType<Ref<Record<string, FeatureNode | undefined>>>,
-            required: true
-        }
-    },
-    emits: ["setMinimized"],
-    setup(props) {
-        const { display, index, minimized, minimizedDisplay } = toRefs(props);
+const props = defineProps<{
+    index: number;
+    display: CoercableComponent;
+    minimizedDisplay?: CoercableComponent;
+    minimized: Ref<boolean>;
+    name: string;
+    color?: string;
+    minimizable?: boolean;
+    nodes: Ref<Record<string, FeatureNode | undefined>>;
+}>();
 
-        const component = computeComponent(display);
-        const minimizedComponent = computeOptionalComponent(minimizedDisplay);
-        const showGoBack = computed(
-            () => projInfo.allowGoBack && index.value > 0 && !unwrapRef(minimized)
-        );
+const component = computeComponent(toRef(props, "display"));
+const minimizedComponent = computeOptionalComponent(toRef(props, "minimizedDisplay"));
+const showGoBack = computed(
+    () => projInfo.allowGoBack && props.index > 0 && !unref(props.minimized)
+);
 
-        function goBack() {
-            player.tabs.splice(unref(props.index), Infinity);
-        }
+function goBack() {
+    player.tabs.splice(unref(props.index), Infinity);
+}
 
-        function updateNodes(nodes: Record<string, FeatureNode | undefined>) {
-            props.nodes.value = nodes;
-        }
+function updateNodes(nodes: Record<string, FeatureNode | undefined>) {
+    props.nodes.value = nodes;
+}
 
-        const errors = ref<Error[]>([]);
-        onErrorCaptured((err, instance, info) => {
-            console.warn(`Error caught in "${props.name}" layer`, err, instance, info);
-            errors.value.push(
-                err instanceof Error ? (err as Error) : new Error(JSON.stringify(err))
-            );
-            return false;
-        });
-
-        return {
-            component,
-            minimizedComponent,
-            showGoBack,
-            updateNodes,
-            unref,
-            goBack,
-            errors
-        };
-    }
+const errors = ref<Error[]>([]);
+onErrorCaptured((err, instance, info) => {
+    console.warn(`Error caught in "${props.name}" layer`, err, instance, info);
+    errors.value.push(
+        err instanceof Error ? (err as Error) : new Error(JSON.stringify(err))
+    );
+    return false;
 });
 </script>
 
diff --git a/src/components/fields/Select.vue b/src/components/fields/Select.vue
index 72a31b2..067736f 100644
--- a/src/components/fields/Select.vue
+++ b/src/components/fields/Select.vue
@@ -16,8 +16,8 @@
 <script setup lang="ts">
 import "components/common/fields.css";
 import type { CoercableComponent } from "features/feature";
-import { computeOptionalComponent, unwrapRef } from "util/vue";
-import { ref, toRef, watch } from "vue";
+import { computeOptionalComponent } from "util/vue";
+import { ref, toRef, unref, watch } from "vue";
 import VueNextSelect from "vue-next-select";
 import "vue-next-select/dist/index.css";
 
@@ -40,7 +40,7 @@ const value = ref<SelectOption | null>(
     props.options.find(option => option.value === props.modelValue) ?? null
 );
 watch(toRef(props, "modelValue"), modelValue => {
-    if (unwrapRef(value) !== modelValue) {
+    if (unref(value) !== modelValue) {
         value.value = props.options.find(option => option.value === modelValue) ?? null;
     }
 });
diff --git a/src/features/achievements/Achievement.vue b/src/features/achievements/Achievement.vue
index 5bc1103..756e903 100644
--- a/src/features/achievements/Achievement.vue
+++ b/src/features/achievements/Achievement.vue
@@ -23,89 +23,62 @@
     </div>
 </template>
 
-<script lang="tsx">
+<script setup lang="tsx">
 import "components/common/features.css";
-import MarkNode from "components/MarkNode.vue";
-import Node from "components/Node.vue";
 import { isHidden, isVisible, jsx, Visibility } from "features/feature";
 import { displayRequirements, Requirements } from "game/requirements";
-import { coerceComponent, isCoercableComponent, processedPropType, unwrapRef } from "util/vue";
-import { Component, defineComponent, shallowRef, StyleValue, toRefs, unref, UnwrapRef, watchEffect } from "vue";
+import { coerceComponent, isCoercableComponent } from "util/vue";
+import { Component, shallowRef, StyleValue, unref, UnwrapRef, watchEffect } from "vue";
 import { GenericAchievement } from "./achievement";
 
-export default defineComponent({
-    props: {
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        display: processedPropType<UnwrapRef<GenericAchievement["display"]>>(Object, String, Function),
-        earned: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        requirements: processedPropType<Requirements>(Object, Array),
-        image: processedPropType<string>(String),
-        style: processedPropType<StyleValue>(String, Object, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        mark: processedPropType<boolean | string>(Boolean, String),
-        small: processedPropType<boolean>(Boolean),
-        id: {
-            type: String,
-            required: true
-        }
-    },
-    components: {
-        Node,
-        MarkNode
-    },
-    setup(props) {
-        const { display, requirements, earned } = toRefs(props);
+const props = defineProps<{
+    visibility: Visibility | boolean;
+    display?: UnwrapRef<GenericAchievement["display"]>;
+    earned: boolean;
+    requirements?: Requirements;
+    image?: string;
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    mark?: boolean | string;
+    small?: boolean;
+    id: string;
+}>();
 
-        const comp = shallowRef<Component | string>("");
+const comp = shallowRef<Component | string>("");
 
-        watchEffect(() => {
-            const currDisplay = unwrapRef(display);
-            if (currDisplay == null) {
-                comp.value = "";
-                return;
-            }
-            if (isCoercableComponent(currDisplay)) {
-                comp.value = coerceComponent(currDisplay);
-                return;
-            }
-            const Requirement = coerceComponent(currDisplay.requirement ? currDisplay.requirement : jsx(() => displayRequirements(unwrapRef(requirements) ?? [])), "h3");
-            const EffectDisplay = coerceComponent(currDisplay.effectDisplay || "", "b");
-            const OptionsDisplay = unwrapRef(earned) ?
-                coerceComponent(currDisplay.optionsDisplay || "", "span") :
-                "";
-            comp.value = coerceComponent(
-                jsx(() => (
-                    <span>
-                        <Requirement />
-                        {currDisplay.effectDisplay != null ? (
-                            <div>
-                                <EffectDisplay />
-                            </div>
-                        ) : null}
-                        {currDisplay.optionsDisplay != null ? (
-                            <div class="equal-spaced">
-                                <OptionsDisplay />
-                            </div>
-                        ) : null}
-                    </span>
-                ))
-            );
-        });
-
-        return {
-            comp,
-            unref,
-            Visibility,
-            isVisible,
-            isHidden
-        };
+watchEffect(() => {
+    const currDisplay = props.display;
+    if (currDisplay == null) {
+        comp.value = "";
+        return;
     }
+    if (isCoercableComponent(currDisplay)) {
+        comp.value = coerceComponent(currDisplay);
+        return;
+    }
+    const Requirement = coerceComponent(currDisplay.requirement ? currDisplay.requirement :
+        jsx(() => displayRequirements(props.requirements ?? [])), "h3");
+    const EffectDisplay = coerceComponent(currDisplay.effectDisplay || "", "b");
+    const OptionsDisplay = props.earned ?
+        coerceComponent(currDisplay.optionsDisplay || "", "span") :
+        "";
+    comp.value = coerceComponent(
+        jsx(() => (
+            <span>
+                <Requirement />
+                {currDisplay.effectDisplay != null ? (
+                    <div>
+                        <EffectDisplay />
+                    </div>
+                ) : null}
+                {currDisplay.optionsDisplay != null ? (
+                    <div class="equal-spaced">
+                        <OptionsDisplay />
+                    </div>
+                ) : null}
+            </span>
+        ))
+    );
 });
 </script>
 
diff --git a/src/features/bars/Bar.vue b/src/features/bars/Bar.vue
index 4d7bb16..089df09 100644
--- a/src/features/bars/Bar.vue
+++ b/src/features/bars/Bar.vue
@@ -41,107 +41,68 @@
     </div>
 </template>
 
-<script lang="ts">
-import MarkNode from "components/MarkNode.vue";
-import Node from "components/Node.vue";
+<script setup lang="ts">
 import { CoercableComponent, isHidden, isVisible, Visibility } from "features/feature";
 import type { DecimalSource } from "util/bignum";
 import Decimal from "util/bignum";
 import { Direction } from "util/common";
-import { computeOptionalComponent, processedPropType, unwrapRef } from "util/vue";
+import { computeOptionalComponent } from "util/vue";
 import type { CSSProperties, StyleValue } from "vue";
-import { computed, defineComponent, toRefs, unref } from "vue";
+import { computed, toRef, unref } from "vue";
 
-export default defineComponent({
-    props: {
-        progress: {
-            type: processedPropType<DecimalSource>(String, Object, Number),
-            required: true
-        },
-        width: {
-            type: processedPropType<number>(Number),
-            required: true
-        },
-        height: {
-            type: processedPropType<number>(Number),
-            required: true
-        },
-        direction: {
-            type: processedPropType<Direction>(String),
-            required: true
-        },
-        display: processedPropType<CoercableComponent>(Object, String, Function),
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        style: processedPropType<StyleValue>(Object, String, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        borderStyle: processedPropType<StyleValue>(Object, String, Array),
-        textStyle: processedPropType<StyleValue>(Object, String, Array),
-        baseStyle: processedPropType<StyleValue>(Object, String, Array),
-        fillStyle: processedPropType<StyleValue>(Object, String, Array),
-        mark: processedPropType<boolean | string>(Boolean, String),
-        id: {
-            type: String,
-            required: true
-        }
-    },
-    components: {
-        MarkNode,
-        Node
-    },
-    setup(props) {
-        const { progress, width, height, direction, display } = toRefs(props);
+const props = defineProps<{
+    progress: DecimalSource;
+    width: number;
+    height: number;
+    direction: Direction;
+    display?: CoercableComponent;
+    visibility: Visibility | boolean;
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    borderStyle?: StyleValue;
+    textStyle?: StyleValue;
+    baseStyle?: StyleValue;
+    fillStyle?: StyleValue;
+    mark?: boolean | string;
+    id: string;
+}>();
 
-        const normalizedProgress = computed(() => {
-            let progressNumber =
-                progress.value instanceof Decimal
-                    ? progress.value.toNumber()
-                    : Number(progress.value);
-            return (1 - Math.min(Math.max(progressNumber, 0), 1)) * 100;
-        });
-
-        const barStyle = computed(() => {
-            const barStyle: Partial<CSSProperties> = {
-                width: unwrapRef(width) + 0.5 + "px",
-                height: unwrapRef(height) + 0.5 + "px"
-            };
-            switch (unref(direction)) {
-                case Direction.Up:
-                    barStyle.clipPath = `inset(${normalizedProgress.value}% 0% 0% 0%)`;
-                    barStyle.width = unwrapRef(width) + 1 + "px";
-                    break;
-                case Direction.Down:
-                    barStyle.clipPath = `inset(0% 0% ${normalizedProgress.value}% 0%)`;
-                    barStyle.width = unwrapRef(width) + 1 + "px";
-                    break;
-                case Direction.Right:
-                    barStyle.clipPath = `inset(0% ${normalizedProgress.value}% 0% 0%)`;
-                    break;
-                case Direction.Left:
-                    barStyle.clipPath = `inset(0% 0% 0% ${normalizedProgress.value}%)`;
-                    break;
-                case Direction.Default:
-                    barStyle.clipPath = "inset(0% 50% 0% 0%)";
-                    break;
-            }
-            return barStyle;
-        });
-
-        const component = computeOptionalComponent(display);
-
-        return {
-            normalizedProgress,
-            barStyle,
-            component,
-            unref,
-            Visibility,
-            isVisible,
-            isHidden
-        };
-    }
+const normalizedProgress = computed(() => {
+    let progressNumber =
+        props.progress instanceof Decimal
+            ? props.progress.toNumber()
+            : Number(props.progress);
+    return (1 - Math.min(Math.max(progressNumber, 0), 1)) * 100;
 });
+
+const barStyle = computed(() => {
+    const barStyle: Partial<CSSProperties> = {
+        width: props.width + 0.5 + "px",
+        height: props.height + 0.5 + "px"
+    };
+    switch (props.direction) {
+        case Direction.Up:
+            barStyle.clipPath = `inset(${normalizedProgress.value}% 0% 0% 0%)`;
+            barStyle.width = props.width + 1 + "px";
+            break;
+        case Direction.Down:
+            barStyle.clipPath = `inset(0% 0% ${normalizedProgress.value}% 0%)`;
+            barStyle.width = props.width + 1 + "px";
+            break;
+        case Direction.Right:
+            barStyle.clipPath = `inset(0% ${normalizedProgress.value}% 0% 0%)`;
+            break;
+        case Direction.Left:
+            barStyle.clipPath = `inset(0% 0% 0% ${normalizedProgress.value}%)`;
+            break;
+        case Direction.Default:
+            barStyle.clipPath = "inset(0% 50% 0% 0%)";
+            break;
+    }
+    return barStyle;
+});
+
+const component = computeOptionalComponent(toRef(props, "display"));
 </script>
 
 <style scoped>
diff --git a/src/features/challenges/Challenge.vue b/src/features/challenges/Challenge.vue
index 194173c..94c163d 100644
--- a/src/features/challenges/Challenge.vue
+++ b/src/features/challenges/Challenge.vue
@@ -30,7 +30,7 @@
     </div>
 </template>
 
-<script lang="tsx">
+<script setup lang="tsx">
 import "components/common/features.css";
 import MarkNode from "components/MarkNode.vue";
 import Node from "components/Node.vue";
@@ -39,139 +39,92 @@ import type { StyleValue } from "features/feature";
 import { isHidden, isVisible, jsx, Visibility } from "features/feature";
 import { getHighNotifyStyle, getNotifyStyle } from "game/notifications";
 import { displayRequirements, Requirements } from "game/requirements";
-import { coerceComponent, isCoercableComponent, processedPropType, unwrapRef } from "util/vue";
-import type { Component, PropType, UnwrapRef } from "vue";
-import { computed, defineComponent, shallowRef, toRefs, unref, watchEffect } from "vue";
+import { coerceComponent, isCoercableComponent } from "util/vue";
+import type { Component, UnwrapRef } from "vue";
+import { computed, shallowRef, unref, watchEffect } from "vue";
 
-export default defineComponent({
-    props: {
-        active: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        maxed: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        canComplete: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        display: processedPropType<UnwrapRef<GenericChallenge["display"]>>(
-            String,
-            Object,
-            Function
-        ),
-        requirements: processedPropType<Requirements>(Object, Array),
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        style: processedPropType<StyleValue>(String, Object, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        completed: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        canStart: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        mark: processedPropType<boolean | string>(Boolean, String),
-        id: {
-            type: String,
-            required: true
-        },
-        toggle: {
-            type: Function as PropType<VoidFunction>,
-            required: true
-        }
-    },
-    components: {
-        MarkNode,
-        Node
-    },
-    setup(props) {
-        const { active, maxed, canComplete, display, requirements } = toRefs(props);
+const props = defineProps<{
+    active: boolean;
+    maxed: boolean;
+    canComplete: boolean;
+    display?: UnwrapRef<GenericChallenge["display"]>;
+    requirements?: Requirements;
+    visibility: Visibility | boolean;
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    completed: boolean;
+    canStart: boolean;
+    mark?: boolean | string;
+    id: string;
+    toggle: VoidFunction;
+}>();
 
-        const buttonText = computed(() => {
-            if (active.value) {
-                return canComplete.value ? "Finish" : "Exit Early";
-            }
-            if (maxed.value) {
-                return "Completed";
-            }
-            return "Start";
-        });
-
-        const comp = shallowRef<Component | string>("");
-
-        const notifyStyle = computed(() => {
-            const currActive = unwrapRef(active);
-            const currCanComplete = unwrapRef(canComplete);
-            if (currActive) {
-                if (currCanComplete) {
-                    return getHighNotifyStyle();
-                }
-                return getNotifyStyle();
-            }
-            return {};
-        });
-
-        watchEffect(() => {
-            const currDisplay = unwrapRef(display);
-            if (currDisplay == null) {
-                comp.value = "";
-                return;
-            }
-            if (isCoercableComponent(currDisplay)) {
-                comp.value = coerceComponent(currDisplay);
-                return;
-            }
-            const Title = coerceComponent(currDisplay.title || "", "h3");
-            const Description = coerceComponent(currDisplay.description, "div");
-            const Goal = coerceComponent(currDisplay.goal != null ? currDisplay.goal : jsx(() => displayRequirements(unwrapRef(requirements) ?? [])), "h3");
-            const Reward = coerceComponent(currDisplay.reward || "");
-            const EffectDisplay = coerceComponent(currDisplay.effectDisplay || "");
-            comp.value = coerceComponent(
-                jsx(() => (
-                    <span>
-                        {currDisplay.title != null ? (
-                            <div>
-                                <Title />
-                            </div>
-                        ) : null}
-                        <Description />
-                        <div>
-                            <br />
-                            Goal: <Goal />
-                        </div>
-                        {currDisplay.reward != null ? (
-                            <div>
-                                <br />
-                                Reward: <Reward />
-                            </div>
-                        ) : null}
-                        {currDisplay.effectDisplay != null ? (
-                            <div>
-                                Currently: <EffectDisplay />
-                            </div>
-                        ) : null}
-                    </span>
-                ))
-            );
-        });
-
-        return {
-            buttonText,
-            notifyStyle,
-            comp,
-            Visibility,
-            isVisible,
-            isHidden,
-            unref
-        };
+const buttonText = computed(() => {
+    if (props.active) {
+        return props.canComplete ? "Finish" : "Exit Early";
     }
+    if (props.maxed) {
+        return "Completed";
+    }
+    return "Start";
+});
+
+const comp = shallowRef<Component | string>("");
+
+const notifyStyle = computed(() => {
+    const currActive = props.active;
+    const currCanComplete = props.canComplete;
+    if (currActive) {
+        if (currCanComplete) {
+            return getHighNotifyStyle();
+        }
+        return getNotifyStyle();
+    }
+    return {};
+});
+
+watchEffect(() => {
+    const currDisplay = props.display;
+    if (currDisplay == null) {
+        comp.value = "";
+        return;
+    }
+    if (isCoercableComponent(currDisplay)) {
+        comp.value = coerceComponent(currDisplay);
+        return;
+    }
+    const Title = coerceComponent(currDisplay.title || "", "h3");
+    const Description = coerceComponent(currDisplay.description, "div");
+    const Goal = coerceComponent(currDisplay.goal != null ? currDisplay.goal : jsx(() => displayRequirements(props.requirements ?? [])), "h3");
+    const Reward = coerceComponent(currDisplay.reward || "");
+    const EffectDisplay = coerceComponent(currDisplay.effectDisplay || "");
+    comp.value = coerceComponent(
+        jsx(() => (
+            <span>
+                {currDisplay.title != null ? (
+                    <div>
+                        <Title />
+                    </div>
+                ) : null}
+                <Description />
+                <div>
+                    <br />
+                    Goal: <Goal />
+                </div>
+                {currDisplay.reward != null ? (
+                    <div>
+                        <br />
+                        Reward: <Reward />
+                    </div>
+                ) : null}
+                {currDisplay.effectDisplay != null ? (
+                    <div>
+                        Currently: <EffectDisplay />
+                    </div>
+                ) : null}
+            </span>
+        ))
+    );
 });
 </script>
 
diff --git a/src/features/clickables/Clickable.vue b/src/features/clickables/Clickable.vue
index ac001a2..1890297 100644
--- a/src/features/clickables/Clickable.vue
+++ b/src/features/clickables/Clickable.vue
@@ -27,7 +27,7 @@
     </button>
 </template>
 
-<script lang="tsx">
+<script setup lang="tsx">
 import "components/common/features.css";
 import MarkNode from "components/MarkNode.vue";
 import Node from "components/Node.vue";
@@ -37,90 +37,53 @@ import { isHidden, isVisible, jsx, Visibility } from "features/feature";
 import {
     coerceComponent,
     isCoercableComponent,
-    processedPropType,
-    setupHoldToClick,
-    unwrapRef
+    setupHoldToClick
 } from "util/vue";
-import type { Component, PropType, UnwrapRef } from "vue";
-import { defineComponent, shallowRef, toRefs, unref, watchEffect } from "vue";
+import type { Component, UnwrapRef } from "vue";
+import { shallowRef, toRef, unref, watchEffect } from "vue";
 
-export default defineComponent({
-    props: {
-        display: {
-            type: processedPropType<UnwrapRef<GenericClickable["display"]>>(
-                Object,
-                String,
-                Function
-            ),
-            required: true
-        },
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        style: processedPropType<StyleValue>(Object, String, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        onClick: Function as PropType<(e?: MouseEvent | TouchEvent) => void>,
-        onHold: Function as PropType<VoidFunction>,
-        canClick: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        small: Boolean,
-        mark: processedPropType<boolean | string>(Boolean, String),
-        id: {
-            type: String,
-            required: true
-        }
-    },
-    components: {
-        Node,
-        MarkNode
-    },
-    setup(props) {
-        const { display, onClick, onHold } = toRefs(props);
+const props = defineProps<{
+    display: UnwrapRef<GenericClickable["display"]>;
+    visibility: Visibility | boolean;
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    onClick?: (e?: MouseEvent | TouchEvent) => void;
+    onHold?: VoidFunction;
+    canClick: boolean;
+    small?: boolean;
+    mark?: boolean | string;
+    id: string;
+}>();
 
-        const comp = shallowRef<Component | string>("");
+const comp = shallowRef<Component | string>("");
 
-        watchEffect(() => {
-            const currDisplay = unwrapRef(display);
-            if (currDisplay == null) {
-                comp.value = "";
-                return;
-            }
-            if (isCoercableComponent(currDisplay)) {
-                comp.value = coerceComponent(currDisplay);
-                return;
-            }
-            const Title = coerceComponent(currDisplay.title ?? "", "h3");
-            const Description = coerceComponent(currDisplay.description, "div");
-            comp.value = coerceComponent(
-                jsx(() => (
-                    <span>
-                        {currDisplay.title != null ? (
-                            <div>
-                                <Title />
-                            </div>
-                        ) : null}
-                        <Description />
-                    </span>
-                ))
-            );
-        });
-
-        const { start, stop } = setupHoldToClick(onClick, onHold);
-
-        return {
-            start,
-            stop,
-            comp,
-            Visibility,
-            isVisible,
-            isHidden,
-            unref
-        };
+watchEffect(() => {
+    const currDisplay = props.display;
+    if (currDisplay == null) {
+        comp.value = "";
+        return;
     }
+    if (isCoercableComponent(currDisplay)) {
+        comp.value = coerceComponent(currDisplay);
+        return;
+    }
+    const Title = coerceComponent(currDisplay.title ?? "", "h3");
+    const Description = coerceComponent(currDisplay.description, "div");
+    comp.value = coerceComponent(
+        jsx(() => (
+            <span>
+                {currDisplay.title != null ? (
+                    <div>
+                        <Title />
+                    </div>
+                ) : null}
+                <Description />
+            </span>
+        ))
+    );
 });
+
+const { start, stop } = setupHoldToClick(toRef(props, "onClick"), toRef(props, "onHold"));
 </script>
 
 <style scoped>
diff --git a/src/features/grids/Grid.vue b/src/features/grids/Grid.vue
index 2950604..7c5ce6b 100644
--- a/src/features/grids/Grid.vue
+++ b/src/features/grids/Grid.vue
@@ -7,7 +7,7 @@
         class="table-grid"
     >
         <div v-for="row in unref(rows)" class="row-grid" :class="{ mergeAdjacent }" :key="row">
-            <GridCell
+            <GridCellVue
                 v-for="col in unref(cols)"
                 :key="col"
                 v-bind="gatherCellProps(unref(cells)[row * 100 + col])"
@@ -16,45 +16,26 @@
     </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import "components/common/table.css";
 import themes from "data/themes";
 import { isHidden, isVisible, Visibility } from "features/feature";
 import type { GridCell } from "features/grids/grid";
 import settings from "game/settings";
-import { processedPropType } from "util/vue";
-import { computed, defineComponent, unref } from "vue";
+import { computed, unref } from "vue";
 import GridCellVue from "./GridCell.vue";
 
-export default defineComponent({
-    props: {
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        rows: {
-            type: processedPropType<number>(Number),
-            required: true
-        },
-        cols: {
-            type: processedPropType<number>(Number),
-            required: true
-        },
-        cells: {
-            type: processedPropType<Record<string, GridCell>>(Object),
-            required: true
-        }
-    },
-    components: { GridCell: GridCellVue },
-    setup() {
-        const mergeAdjacent = computed(() => themes[settings.theme].mergeAdjacent);
+defineProps<{
+    visibility: Visibility | boolean;
+    rows: number;
+    cols: number;
+    cells: Record<string, GridCell>;
+}>();
 
-        function gatherCellProps(cell: GridCell) {
-            const { visibility, onClick, onHold, display, title, style, canClick, id } = cell;
-            return { visibility, onClick, onHold, display, title, style, canClick, id };
-        }
+const mergeAdjacent = computed(() => themes[settings.theme].mergeAdjacent);
 
-        return { unref, gatherCellProps, Visibility, mergeAdjacent, isVisible, isHidden };
-    }
-});
+function gatherCellProps(cell: GridCell) {
+    const { visibility, onClick, onHold, display, title, style, canClick, id } = cell;
+    return { visibility, onClick, onHold, display, title, style, canClick, id };
+}
 </script>
diff --git a/src/features/grids/GridCell.vue b/src/features/grids/GridCell.vue
index 876b7c3..37f9659 100644
--- a/src/features/grids/GridCell.vue
+++ b/src/features/grids/GridCell.vue
@@ -22,7 +22,7 @@
     </button>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import "components/common/features.css";
 import Node from "components/Node.vue";
 import type { CoercableComponent, StyleValue } from "features/feature";
@@ -30,58 +30,26 @@ import { isHidden, isVisible, Visibility } from "features/feature";
 import {
     computeComponent,
     computeOptionalComponent,
-    processedPropType,
     setupHoldToClick
 } from "util/vue";
-import type { PropType } from "vue";
-import { defineComponent, toRefs, unref } from "vue";
+import { toRef, unref } from "vue";
 
-export default defineComponent({
-    props: {
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        onClick: Function as PropType<(e?: MouseEvent | TouchEvent) => void>,
-        onHold: Function as PropType<VoidFunction>,
-        display: {
-            type: processedPropType<CoercableComponent>(Object, String, Function),
-            required: true
-        },
-        title: processedPropType<CoercableComponent>(Object, String, Function),
-        style: processedPropType<StyleValue>(String, Object, Array),
-        canClick: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        id: {
-            type: String,
-            required: true
-        }
-    },
-    components: {
-        Node
-    },
-    setup(props) {
-        const { onClick, onHold, title, display } = toRefs(props);
+const props = defineProps<{
+    visibility: Visibility | boolean;
+    onClick?: (e?: MouseEvent | TouchEvent) => void;
+    onHold?: VoidFunction;
+    display: CoercableComponent;
+    title?: CoercableComponent;
+    style?: StyleValue;
+    canClick: boolean;
+    id: string;
+}>();
 
-        const { start, stop } = setupHoldToClick(onClick, onHold);
 
-        const titleComponent = computeOptionalComponent(title);
-        const component = computeComponent(display);
+const { start, stop } = setupHoldToClick(toRef(props, "onClick"), toRef(props, "onHold"));
 
-        return {
-            start,
-            stop,
-            titleComponent,
-            component,
-            Visibility,
-            unref,
-            isVisible,
-            isHidden
-        };
-    }
-});
+const titleComponent = computeOptionalComponent(toRef(props, "title"));
+const component = computeComponent(toRef(props, "display"));
 </script>
 
 <style scoped>
diff --git a/src/features/infoboxes/Infobox.vue b/src/features/infoboxes/Infobox.vue
index 302d985..f8f9686 100644
--- a/src/features/infoboxes/Infobox.vue
+++ b/src/features/infoboxes/Infobox.vue
@@ -28,67 +28,33 @@
     </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import CollapseTransition from "@ivanv/vue-collapse-transition/src/CollapseTransition.vue";
 import Node from "components/Node.vue";
 import themes from "data/themes";
 import type { CoercableComponent } from "features/feature";
 import { isHidden, isVisible, Visibility } from "features/feature";
 import settings from "game/settings";
-import { computeComponent, processedPropType } from "util/vue";
-import type { PropType, Ref, StyleValue } from "vue";
-import { computed, defineComponent, toRefs, unref } from "vue";
+import { computeComponent } from "util/vue";
+import type { Ref, StyleValue } from "vue";
+import { computed, toRef, unref } from "vue";
 
-export default defineComponent({
-    props: {
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        display: {
-            type: processedPropType<CoercableComponent>(Object, String, Function),
-            required: true
-        },
-        title: {
-            type: processedPropType<CoercableComponent>(Object, String, Function),
-            required: true
-        },
-        color: processedPropType<string>(String),
-        collapsed: {
-            type: Object as PropType<Ref<boolean>>,
-            required: true
-        },
-        style: processedPropType<StyleValue>(Object, String, Array),
-        titleStyle: processedPropType<StyleValue>(Object, String, Array),
-        bodyStyle: processedPropType<StyleValue>(Object, String, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        id: {
-            type: String,
-            required: true
-        }
-    },
-    components: {
-        Node,
-        CollapseTransition
-    },
-    setup(props) {
-        const { title, display } = toRefs(props);
+const props = defineProps<{
+    visibility: Visibility | boolean;
+    display: CoercableComponent;
+    title: CoercableComponent;
+    color?: string;
+    collapsed: Ref<boolean>;
+    style?: StyleValue;
+    titleStyle?: StyleValue;
+    bodyStyle?: StyleValue;
+    classes?: Record<string, boolean>;
+    id: string;
+}>();
 
-        const titleComponent = computeComponent(title);
-        const bodyComponent = computeComponent(display);
-        const stacked = computed(() => themes[settings.theme].mergeAdjacent);
-
-        return {
-            titleComponent,
-            bodyComponent,
-            stacked,
-            unref,
-            Visibility,
-            isVisible,
-            isHidden
-        };
-    }
-});
+const titleComponent = computeComponent(toRef(props, "title"));
+const bodyComponent = computeComponent(toRef(props, "display"));
+const stacked = computed(() => themes[settings.theme].mergeAdjacent);
 </script>
 
 <style scoped>
diff --git a/src/features/particles/Particles.vue b/src/features/particles/Particles.vue
index 6fee1e9..c3906fe 100644
--- a/src/features/particles/Particles.vue
+++ b/src/features/particles/Particles.vue
@@ -7,78 +7,61 @@
     />
 </template>
 
-<script lang="tsx">
+<script setup lang="tsx">
 import { Application } from "@pixi/app";
 import type { StyleValue } from "features/feature";
 import { globalBus } from "game/events";
 import "lib/pixi";
-import { processedPropType } from "util/vue";
-import type { PropType } from "vue";
-import { defineComponent, nextTick, onBeforeUnmount, onMounted, shallowRef, unref } from "vue";
+import { nextTick, onBeforeUnmount, onMounted, shallowRef, unref } from "vue";
 
-// TODO get typing support on the Particles component
-export default defineComponent({
-    props: {
-        style: processedPropType<StyleValue>(String, Object, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        onInit: {
-            type: Function as PropType<(app: Application) => void>,
-            required: true
-        },
-        id: {
-            type: String,
-            required: true
-        },
-        onContainerResized: Function as PropType<(rect: DOMRect) => void>,
-        onHotReload: Function as PropType<VoidFunction>
-    },
-    setup(props) {
-        const app = shallowRef<null | Application>(null);
+const props = defineProps<{
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    onInit: (app: Application) => void;
+    id: string;
+    onContainerResized?: (rect: DOMRect) => void;
+    onHotReload?: VoidFunction;
+}>();
 
-        const resizeObserver = new ResizeObserver(updateBounds);
-        const resizeListener = shallowRef<HTMLElement | null>(null);
+const app = shallowRef<null | Application>(null);
 
-        onMounted(() => {
-            // ResizeListener exists because ResizeObserver's don't work when told to observe an SVG element
-            const resListener = resizeListener.value;
-            if (resListener != null) {
-                resizeObserver.observe(resListener);
-                app.value = new Application({
-                    resizeTo: resListener,
-                    backgroundAlpha: 0
-                });
-                resizeListener.value?.appendChild(app.value.view);
-                props.onInit?.(app.value as Application);
-            }
-            updateBounds();
-            if (props.onHotReload) {
-                nextTick(props.onHotReload);
-            }
+const resizeObserver = new ResizeObserver(updateBounds);
+const resizeListener = shallowRef<HTMLElement | null>(null);
+
+onMounted(() => {
+    // ResizeListener exists because ResizeObserver's don't work when told to observe an SVG element
+    const resListener = resizeListener.value;
+    if (resListener != null) {
+        resizeObserver.observe(resListener);
+        app.value = new Application({
+            resizeTo: resListener,
+            backgroundAlpha: 0
         });
-        onBeforeUnmount(() => {
-            app.value?.destroy();
-        });
-
-        let isDirty = true;
-        function updateBounds() {
-            if (isDirty) {
-                isDirty = false;
-                nextTick(() => {
-                    if (resizeListener.value != null) {
-                        props.onContainerResized?.(resizeListener.value.getBoundingClientRect());
-                    }
-                    isDirty = true;
-                });
-            }
-        }
-        globalBus.on("fontsLoaded", updateBounds);
-
-        return {
-            unref,
-            resizeListener
-        };
+        resizeListener.value?.appendChild(app.value.view);
+        props.onInit?.(app.value as Application);
+    }
+    updateBounds();
+    if (props.onHotReload) {
+        nextTick(props.onHotReload);
     }
 });
+onBeforeUnmount(() => {
+    app.value?.destroy();
+});
+
+let isDirty = true;
+function updateBounds() {
+    if (isDirty) {
+        isDirty = false;
+        nextTick(() => {
+            if (resizeListener.value != null) {
+                props.onContainerResized?.(resizeListener.value.getBoundingClientRect());
+            }
+            isDirty = true;
+        });
+    }
+}
+globalBus.on("fontsLoaded", updateBounds);
 </script>
 
 <style scoped>
diff --git a/src/features/tabs/TabButton.vue b/src/features/tabs/TabButton.vue
index 2b4991f..df4e749 100644
--- a/src/features/tabs/TabButton.vue
+++ b/src/features/tabs/TabButton.vue
@@ -19,61 +19,43 @@
     </button>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import type { CoercableComponent, StyleValue } from "features/feature";
 import { isHidden, isVisible, Visibility } from "features/feature";
 import { getNotifyStyle } from "game/notifications";
-import { computeComponent, processedPropType, unwrapRef } from "util/vue";
-import { computed, defineComponent, toRefs, unref } from "vue";
+import { computeComponent } from "util/vue";
+import { computed, toRef, unref } from "vue";
 
-export default defineComponent({
-    props: {
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        display: {
-            type: processedPropType<CoercableComponent>(Object, String, Function),
-            required: true
-        },
-        style: processedPropType<StyleValue>(String, Object, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        glowColor: processedPropType<string>(String),
-        active: Boolean,
-        floating: Boolean
-    },
-    emits: ["selectTab"],
-    setup(props, { emit }) {
-        const { display, glowColor, floating } = toRefs(props);
+const props = defineProps<{
+    visibility: Visibility | boolean;
+    display: CoercableComponent;
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    glowColor?: string;
+    active?: boolean;
+    floating?: boolean;
+}>();
 
-        const component = computeComponent(display);
+const emit = defineEmits<{
+    selectTab: [];
+}>();
 
-        const glowColorStyle = computed(() => {
-            const color = unwrapRef(glowColor);
-            if (color == null || color === "") {
-                return {};
-            }
-            if (unref(floating)) {
-                return getNotifyStyle(color);
-            }
-            return { boxShadow: `0px 9px 5px -6px ${color}` };
-        });
+const component = computeComponent(toRef(props, "display"));
 
-        function selectTab() {
-            emit("selectTab");
-        }
-
-        return {
-            selectTab,
-            component,
-            glowColorStyle,
-            unref,
-            Visibility,
-            isVisible,
-            isHidden
-        };
+const glowColorStyle = computed(() => {
+    const color = props.glowColor;
+    if (color == null || color === "") {
+        return {};
     }
+    if (props.floating) {
+        return getNotifyStyle(color);
+    }
+    return { boxShadow: `0px 9px 5px -6px ${color}` };
 });
+
+function selectTab() {
+    emit("selectTab");
+}
 </script>
 
 <style scoped>
diff --git a/src/features/tabs/TabFamily.vue b/src/features/tabs/TabFamily.vue
index 436f81a..0de28c7 100644
--- a/src/features/tabs/TabFamily.vue
+++ b/src/features/tabs/TabFamily.vue
@@ -33,7 +33,7 @@
     </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import Sticky from "components/layout/Sticky.vue";
 import themes from "data/themes";
 import type { CoercableComponent, StyleValue } from "features/feature";
@@ -42,93 +42,60 @@ import type { GenericTab } from "features/tabs/tab";
 import TabButton from "features/tabs/TabButton.vue";
 import type { GenericTabButton } from "features/tabs/tabFamily";
 import settings from "game/settings";
-import { coerceComponent, isCoercableComponent, processedPropType, unwrapRef } from "util/vue";
-import type { Component, PropType, Ref } from "vue";
-import { computed, defineComponent, shallowRef, toRefs, unref, watchEffect } from "vue";
+import { coerceComponent, deepUnref, isCoercableComponent } from "util/vue";
+import type { Component, Ref } from "vue";
+import { computed, shallowRef, unref, watchEffect } from "vue";
 
-export default defineComponent({
-    props: {
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        activeTab: {
-            type: processedPropType<GenericTab | CoercableComponent | null>(Object),
-            required: true
-        },
-        selected: {
-            type: Object as PropType<Ref<string>>,
-            required: true
-        },
-        tabs: {
-            type: processedPropType<Record<string, GenericTabButton>>(Object),
-            required: true
-        },
-        style: processedPropType<StyleValue>(String, Object, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        buttonContainerStyle: processedPropType<StyleValue>(String, Object, Array),
-        buttonContainerClasses: processedPropType<Record<string, boolean>>(Object)
-    },
-    components: {
-        Sticky,
-        TabButton
-    },
-    setup(props) {
-        const { activeTab } = toRefs(props);
+const props = defineProps<{
+    visibility: Visibility | boolean;
+    activeTab: GenericTab | CoercableComponent | null;
+    selected: Ref<string>;
+    tabs: Record<string, GenericTabButton>;
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    buttonContainerStyle?: StyleValue;
+    buttonContainerClasses?: Record<string, boolean>;
+}>();
 
-        const floating = computed(() => {
-            return themes[settings.theme].floatingTabs;
-        });
-
-        const component = shallowRef<Component | string>("");
-
-        watchEffect(() => {
-            const currActiveTab = unwrapRef(activeTab);
-            if (currActiveTab == null) {
-                component.value = "";
-                return;
-            }
-            if (isCoercableComponent(currActiveTab)) {
-                component.value = coerceComponent(currActiveTab);
-                return;
-            }
-            component.value = coerceComponent(unref(currActiveTab.display));
-        });
-
-        const tabClasses = computed(() => {
-            const currActiveTab = unwrapRef(activeTab);
-            const tabClasses =
-                isCoercableComponent(currActiveTab) || !currActiveTab
-                    ? undefined
-                    : unref(currActiveTab.classes);
-            return tabClasses;
-        });
-
-        const tabStyle = computed(() => {
-            const currActiveTab = unwrapRef(activeTab);
-            return isCoercableComponent(currActiveTab) || !currActiveTab
-                ? undefined
-                : unref(currActiveTab.style);
-        });
-
-        function gatherButtonProps(button: GenericTabButton) {
-            const { display, style, classes, glowColor, visibility } = button;
-            return { display, style: unref(style), classes, glowColor, visibility };
-        }
-
-        return {
-            floating,
-            tabClasses,
-            tabStyle,
-            Visibility,
-            component,
-            gatherButtonProps,
-            unref,
-            isVisible,
-            isHidden
-        };
-    }
+const floating = computed(() => {
+    return themes[settings.theme].floatingTabs;
 });
+
+const component = shallowRef<Component | string>("");
+
+watchEffect(() => {
+    const currActiveTab = props.activeTab;
+    if (currActiveTab == null) {
+        component.value = "";
+        return;
+    }
+    if (isCoercableComponent(currActiveTab)) {
+        component.value = coerceComponent(currActiveTab);
+        return;
+    }
+    component.value = coerceComponent(unref(currActiveTab.display));
+});
+
+const tabClasses = computed(() => {
+    const currActiveTab = props.activeTab;
+    const tabClasses =
+        isCoercableComponent(currActiveTab) || !currActiveTab
+            ? undefined
+            : unref(currActiveTab.classes);
+    return tabClasses;
+});
+
+const tabStyle = computed(() => {
+    const currActiveTab = props.activeTab;
+    return isCoercableComponent(currActiveTab) || !currActiveTab
+        ? undefined
+        : unref(currActiveTab.style);
+});
+
+function gatherButtonProps(button: GenericTabButton) {
+    const { display, style, classes, glowColor, visibility } = deepUnref(button);
+    return { display, style, classes, glowColor, visibility };
+}
 </script>
 
 <style scoped>
diff --git a/src/features/tooltips/Tooltip.vue b/src/features/tooltips/Tooltip.vue
index 1911186..06a41a2 100644
--- a/src/features/tooltips/Tooltip.vue
+++ b/src/features/tooltips/Tooltip.vue
@@ -34,7 +34,7 @@
     </div>
 </template>
 
-<script lang="tsx">
+<script setup lang="tsx">
 import themes from "data/themes";
 import type { CoercableComponent } from "features/feature";
 import { jsx, StyleValue } from "features/feature";
@@ -45,66 +45,45 @@ import type { VueFeature } from "util/vue";
 import {
     coerceComponent,
     computeOptionalComponent,
-    processedPropType,
-    renderJSX,
-    unwrapRef
+    renderJSX
 } from "util/vue";
-import type { Component, PropType } from "vue";
-import { computed, defineComponent, ref, shallowRef, toRefs, unref } from "vue";
+import type { Component } from "vue";
+import { computed, ref, shallowRef, toRef, unref } from "vue";
 
-export default defineComponent({
-    props: {
-        element: Object as PropType<VueFeature>,
-        display: {
-            type: processedPropType<CoercableComponent>(Object, String, Function),
-            required: true
-        },
-        style: processedPropType<StyleValue>(Object, String, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        direction: processedPropType<Direction>(String),
-        xoffset: processedPropType<string>(String),
-        yoffset: processedPropType<string>(String),
-        pinned: Object as PropType<Persistent<boolean>>
-    },
-    setup(props) {
-        const { element, display, pinned } = toRefs(props);
+const props = defineProps<{
+    element?: VueFeature;
+    display: CoercableComponent;
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    direction?: Direction;
+    xoffset?: string;
+    yoffset?: string;
+    pinned?: Persistent<boolean>;
+}>();
 
-        const isHovered = ref(false);
-        const isShown = computed(() => (unwrapRef(pinned) || isHovered.value) && comp.value);
-        const comp = computeOptionalComponent(display);
+const isHovered = ref(false);
+const isShown = computed(() => (props.pinned?.value === true || isHovered.value) && comp.value);
+const comp = computeOptionalComponent(toRef(props, "display"));
 
-        const elementComp = shallowRef<Component | "" | null>(
-            coerceComponent(
-                jsx(() => {
-                    const currComponent = unwrapRef(element);
-                    return currComponent == null ? "" : renderJSX(currComponent);
-                })
-            )
-        );
+const elementComp = shallowRef<Component | "" | null>(
+    coerceComponent(
+        jsx(() => {
+            const currComponent = props.element;
+            return currComponent == null ? "" : renderJSX(currComponent);
+        })
+    )
+);
 
-        function togglePinned(e: MouseEvent) {
-            const isPinned = pinned as unknown as Persistent<boolean> | undefined; // Vue typing :/
-            if (e.shiftKey && isPinned) {
-                isPinned.value = !isPinned.value;
-                e.stopPropagation();
-                e.preventDefault();
-            }
-        }
-
-        const showPin = computed(() => unwrapRef(pinned) && themes[settings.theme].showPin);
-
-        return {
-            Direction,
-            isHovered,
-            isShown,
-            comp,
-            elementComp,
-            unref,
-            togglePinned,
-            showPin
-        };
+function togglePinned(e: MouseEvent) {
+    const isPinned = props.pinned;
+    if (e.shiftKey && isPinned != null) {
+        isPinned.value = !isPinned.value;
+        e.stopPropagation();
+        e.preventDefault();
     }
-});
+}
+
+const showPin = computed(() => props.pinned?.value === true && themes[settings.theme].showPin);
 </script>
 
 <style scoped>
diff --git a/src/features/trees/Tree.vue b/src/features/trees/Tree.vue
index cba9fbd..a7bca0e 100644
--- a/src/features/trees/Tree.vue
+++ b/src/features/trees/Tree.vue
@@ -5,74 +5,58 @@
     <Links v-if="branches" :links="unref(branches)" />
 </template>
 
-<script lang="tsx">
+<script setup lang="tsx">
 import "components/common/table.css";
 import { jsx } from "features/feature";
 import Links from "features/links/Links.vue";
 import type { GenericTreeNode, TreeBranch } from "features/trees/tree";
-import { coerceComponent, processedPropType, renderJSX, unwrapRef } from "util/vue";
+import { coerceComponent, renderJSX } from "util/vue";
 import type { Component } from "vue";
-import { defineComponent, shallowRef, toRefs, unref, watchEffect } from "vue";
+import { shallowRef, unref, watchEffect } from "vue";
 
-export default defineComponent({
-    props: {
-        nodes: {
-            type: processedPropType<GenericTreeNode[][]>(Array),
-            required: true
-        },
-        leftSideNodes: processedPropType<GenericTreeNode[]>(Array),
-        rightSideNodes: processedPropType<GenericTreeNode[]>(Array),
-        branches: processedPropType<TreeBranch[]>(Array)
-    },
-    components: { Links },
-    setup(props) {
-        const { nodes, leftSideNodes, rightSideNodes } = toRefs(props);
+const props = defineProps<{
+    nodes: GenericTreeNode[][];
+    leftSideNodes?: GenericTreeNode[];
+    rightSideNodes?: GenericTreeNode[];
+    branches?: TreeBranch[];
+}>();
 
-        const nodesComp = shallowRef<Component | "">();
-        watchEffect(() => {
-            const currNodes = unwrapRef(nodes);
-            nodesComp.value = coerceComponent(
+const nodesComp = shallowRef<Component | "">();
+watchEffect(() => {
+    const currNodes = props.nodes;
+    nodesComp.value = coerceComponent(
+        jsx(() => (
+            <>
+                {currNodes.map(row => (
+                    <span class="row tree-row" style="margin: 50px auto;">
+                        {row.map(renderJSX)}
+                    </span>
+                ))}
+            </>
+        ))
+    );
+});
+
+const leftNodesComp = shallowRef<Component | "">();
+watchEffect(() => {
+    const currNodes = props.leftSideNodes;
+    leftNodesComp.value = currNodes
+        ? coerceComponent(
                 jsx(() => (
-                    <>
-                        {currNodes.map(row => (
-                            <span class="row tree-row" style="margin: 50px auto;">
-                                {row.map(renderJSX)}
-                            </span>
-                        ))}
-                    </>
+                    <span class="left-side-nodes small">{currNodes.map(renderJSX)}</span>
                 ))
-            );
-        });
+            )
+        : "";
+});
 
-        const leftNodesComp = shallowRef<Component | "">();
-        watchEffect(() => {
-            const currNodes = unwrapRef(leftSideNodes);
-            leftNodesComp.value = currNodes
-                ? coerceComponent(
-                      jsx(() => (
-                          <span class="left-side-nodes small">{currNodes.map(renderJSX)}</span>
-                      ))
-                  )
-                : "";
-        });
-
-        const rightNodesComp = shallowRef<Component | "">();
-        watchEffect(() => {
-            const currNodes = unwrapRef(rightSideNodes);
-            rightNodesComp.value = currNodes
-                ? coerceComponent(
-                      jsx(() => <span class="side-nodes small">{currNodes.map(renderJSX)}</span>)
-                  )
-                : "";
-        });
-
-        return {
-            unref,
-            nodesComp,
-            leftNodesComp,
-            rightNodesComp
-        };
-    }
+const rightNodesComp = shallowRef<Component | "">();
+watchEffect(() => {
+    const currNodes = props.rightSideNodes;
+    rightNodesComp.value = currNodes
+        ? coerceComponent(
+                jsx(() => <span class="side-nodes small">{currNodes.map(renderJSX)}</span>)
+            )
+        : "";
 });
 </script>
 
diff --git a/src/features/trees/TreeNode.vue b/src/features/trees/TreeNode.vue
index b6ce3d3..4124d12 100644
--- a/src/features/trees/TreeNode.vue
+++ b/src/features/trees/TreeNode.vue
@@ -33,66 +33,32 @@
     </div>
 </template>
 
-<script lang="ts">
-import MarkNode from "components/MarkNode.vue";
-import Node from "components/Node.vue";
-import type { CoercableComponent, StyleValue } from "features/feature";
-import { isHidden, isVisible, Visibility } from "features/feature";
+<script setup lang="ts">
+import type { CoercableComponent, StyleValue, Visibility } from "features/feature";
+import { isHidden, isVisible } from "features/feature";
 import {
     computeOptionalComponent,
-    isCoercableComponent,
-    processedPropType,
     setupHoldToClick
 } from "util/vue";
-import type { PropType } from "vue";
-import { defineComponent, toRefs, unref } from "vue";
+import { toRef, unref } from "vue";
 
-export default defineComponent({
-    props: {
-        display: processedPropType<CoercableComponent>(Object, String, Function),
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        style: processedPropType<StyleValue>(String, Object, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        onClick: Function as PropType<(e?: MouseEvent | TouchEvent) => void>,
-        onHold: Function as PropType<VoidFunction>,
-        color: processedPropType<string>(String),
-        glowColor: processedPropType<string>(String),
-        canClick: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        mark: processedPropType<boolean | string>(Boolean, String),
-        id: {
-            type: String,
-            required: true
-        }
-    },
-    components: {
-        MarkNode,
-        Node
-    },
-    setup(props) {
-        const { onClick, onHold, display } = toRefs(props);
+const props = defineProps<{
+    visibility: Visibility | boolean;
+    canClick: boolean;
+    id: string;
+    display?: CoercableComponent;
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    onClick?: (e?: MouseEvent | TouchEvent) => void;
+    onHold?: VoidFunction;
+    color?: string;
+    glowColor?: string;
+    mark?: boolean | string;
+}>();
 
-        const comp = computeOptionalComponent(display);
+const comp = computeOptionalComponent(toRef(props, "display"));
 
-        const { start, stop } = setupHoldToClick(onClick, onHold);
-
-        return {
-            start,
-            stop,
-            comp,
-            unref,
-            Visibility,
-            isCoercableComponent,
-            isVisible,
-            isHidden
-        };
-    }
-});
+const { start, stop } = setupHoldToClick(toRef(props, "onClick"), toRef(props, "onHold"));
 </script>
 
 <style scoped>
diff --git a/src/features/upgrades/Upgrade.vue b/src/features/upgrades/Upgrade.vue
index d1fb6c3..b2e3b5e 100644
--- a/src/features/upgrades/Upgrade.vue
+++ b/src/features/upgrades/Upgrade.vue
@@ -24,7 +24,7 @@
     </button>
 </template>
 
-<script lang="tsx">
+<script setup lang="tsx">
 import "components/common/features.css";
 import MarkNode from "components/MarkNode.vue";
 import Node from "components/Node.vue";
@@ -32,94 +32,56 @@ import type { StyleValue } from "features/feature";
 import { isHidden, isVisible, jsx, Visibility } from "features/feature";
 import type { GenericUpgrade } from "features/upgrades/upgrade";
 import { displayRequirements, Requirements } from "game/requirements";
-import { coerceComponent, isCoercableComponent, processedPropType, unwrapRef } from "util/vue";
-import type { Component, PropType, UnwrapRef } from "vue";
-import { defineComponent, shallowRef, toRefs, unref, watchEffect } from "vue";
+import { coerceComponent, isCoercableComponent } from "util/vue";
+import type { Component, UnwrapRef } from "vue";
+import { shallowRef, unref, watchEffect } from "vue";
 
-export default defineComponent({
-    props: {
-        display: {
-            type: processedPropType<UnwrapRef<GenericUpgrade["display"]>>(String, Object, Function),
-            required: true
-        },
-        visibility: {
-            type: processedPropType<Visibility | boolean>(Number, Boolean),
-            required: true
-        },
-        style: processedPropType<StyleValue>(String, Object, Array),
-        classes: processedPropType<Record<string, boolean>>(Object),
-        requirements: {
-            type: Object as PropType<Requirements>,
-            required: true
-        },
-        canPurchase: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        bought: {
-            type: processedPropType<boolean>(Boolean),
-            required: true
-        },
-        mark: processedPropType<boolean | string>(Boolean, String),
-        id: {
-            type: String,
-            required: true
-        },
-        purchase: {
-            type: Function as PropType<VoidFunction>,
-            required: true
-        }
-    },
-    components: {
-        Node,
-        MarkNode
-    },
-    setup(props) {
-        const { display, requirements, bought } = toRefs(props);
+const props = defineProps<{
+    display: UnwrapRef<GenericUpgrade["display"]>;
+    visibility: Visibility | boolean;
+    style?: StyleValue;
+    classes?: Record<string, boolean>;
+    requirements: Requirements;
+    canPurchase: boolean;
+    bought: boolean;
+    mark?: boolean | string;
+    id: string;
+    purchase?: VoidFunction;
+}>();
 
-        const component = shallowRef<Component | string>("");
+const component = shallowRef<Component | string>("");
 
-        watchEffect(() => {
-            const currDisplay = unwrapRef(display);
-            if (currDisplay == null) {
-                component.value = "";
-                return;
-            }
-            if (isCoercableComponent(currDisplay)) {
-                component.value = coerceComponent(currDisplay);
-                return;
-            }
-            const Title = coerceComponent(currDisplay.title || "", "h3");
-            const Description = coerceComponent(currDisplay.description, "div");
-            const EffectDisplay = coerceComponent(currDisplay.effectDisplay || "");
-            component.value = coerceComponent(
-                jsx(() => (
-                    <span>
-                        {currDisplay.title != null ? (
-                            <div>
-                                <Title />
-                            </div>
-                        ) : null}
-                        <Description />
-                        {currDisplay.effectDisplay != null ? (
-                            <div>
-                                Currently: <EffectDisplay />
-                            </div>
-                        ) : null}
-                        {bought.value ? null : <><br />{displayRequirements(requirements.value)}</>}
-                    </span>
-                ))
-            );
-        });
-
-        return {
-            component,
-            unref,
-            Visibility,
-            isVisible,
-            isHidden
-        };
+watchEffect(() => {
+    const currDisplay = props.display;
+    if (currDisplay == null) {
+        component.value = "";
+        return;
     }
+    if (isCoercableComponent(currDisplay)) {
+        component.value = coerceComponent(currDisplay);
+        return;
+    }
+    const Title = coerceComponent(currDisplay.title || "", "h3");
+    const Description = coerceComponent(currDisplay.description, "div");
+    const EffectDisplay = coerceComponent(currDisplay.effectDisplay || "");
+    component.value = coerceComponent(
+        jsx(() => (
+            <span>
+                {currDisplay.title != null ? (
+                    <div>
+                        <Title />
+                    </div>
+                ) : null}
+                <Description />
+                {currDisplay.effectDisplay != null ? (
+                    <div>
+                        Currently: <EffectDisplay />
+                    </div>
+                ) : null}
+                {props.bought ? null : <><br />{displayRequirements(props.requirements)}</>}
+            </span>
+        ))
+    );
 });
 </script>
 
diff --git a/src/util/vue.tsx b/src/util/vue.tsx
index d5bd1bb..f1fa2f5 100644
--- a/src/util/vue.tsx
+++ b/src/util/vue.tsx
@@ -10,7 +10,7 @@ import {
 } from "features/feature";
 import type { ProcessedComputable } from "util/computed";
 import { DoNotCache } from "util/computed";
-import type { Component, ComputedRef, DefineComponent, PropType, Ref, ShallowRef } from "vue";
+import type { Component, DefineComponent, Ref, ShallowRef, UnwrapRef } from "vue";
 import {
     computed,
     defineComponent,
@@ -175,22 +175,22 @@ export function getFirstFeature<
 }
 
 export function computeComponent(
-    component: Ref<ProcessedComputable<CoercableComponent>>,
+    component: Ref<CoercableComponent>,
     defaultWrapper = "div"
 ): ShallowRef<Component | ""> {
     const comp = shallowRef<Component | "">();
     watchEffect(() => {
-        comp.value = coerceComponent(unwrapRef(component), defaultWrapper);
+        comp.value = coerceComponent(unref(component), defaultWrapper);
     });
     return comp as ShallowRef<Component | "">;
 }
 export function computeOptionalComponent(
-    component: Ref<ProcessedComputable<CoercableComponent | undefined> | undefined>,
+    component: Ref<CoercableComponent | undefined>,
     defaultWrapper = "div"
 ): ShallowRef<Component | "" | null> {
     const comp = shallowRef<Component | "" | null>(null);
     watchEffect(() => {
-        const currComponent = unwrapRef(component);
+        const currComponent = unref(component);
         comp.value =
             currComponent === "" || currComponent == null
                 ? null
@@ -199,12 +199,14 @@ export function computeOptionalComponent(
     return comp;
 }
 
-export function wrapRef<T>(ref: Ref<ProcessedComputable<T>>): ComputedRef<T> {
-    return computed(() => unwrapRef(ref));
-}
-
-export function unwrapRef<T>(ref: Ref<ProcessedComputable<T>>): T {
-    return unref<T>(unref(ref));
+export function deepUnref<T extends object>(refObject: T): { [K in keyof T]: UnwrapRef<T[K]> } {
+    return (Object.keys(refObject) as (keyof T)[]).reduce(
+        (acc, curr) => {
+            acc[curr] = unref(refObject[curr]) as UnwrapRef<T[keyof T]>;
+            return acc;
+        },
+        {} as { [K in keyof T]: UnwrapRef<T[K]> }
+    );
 }
 
 export function setRefValue<T>(ref: Ref<T | Ref<T>>, value: T) {
@@ -222,14 +224,6 @@ export type PropTypes =
     | typeof Function
     | typeof Object
     | typeof Array;
-// TODO Unfortunately, the typescript engine gives up on typing completely when you use this method,
-// Even though it has the same typing as when doing it manually
-export function processedPropType<T>(...types: PropTypes[]): PropType<ProcessedComputable<T>> {
-    if (!types.includes(Object)) {
-        types.push(Object);
-    }
-    return types as PropType<ProcessedComputable<T>>;
-}
 
 export function trackHover(element: VueFeature): Ref<boolean> {
     const isHovered = ref(false);
@@ -245,8 +239,11 @@ export function trackHover(element: VueFeature): Ref<boolean> {
 }
 
 export function kebabifyObject(object: Record<string, unknown>) {
-    return Object.keys(object).reduce((acc, curr) => {
-        acc[camelToKebab(curr)] = object[curr];
-        return acc;
-    }, {} as Record<string, unknown>);
+    return Object.keys(object).reduce(
+        (acc, curr) => {
+            acc[camelToKebab(curr)] = object[curr];
+            return acc;
+        },
+        {} as Record<string, unknown>
+    );
 }
diff --git a/tests/game/__snapshots__/modifiers.test.ts.snap b/tests/game/__snapshots__/modifiers.test.ts.snap
index 28b41ba..bcfda10 100644
--- a/tests/game/__snapshots__/modifiers.test.ts.snap
+++ b/tests/game/__snapshots__/modifiers.test.ts.snap
@@ -40,6 +40,7 @@ exports[`Additive Modifiers > applies description correctly > with description 1
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -65,6 +66,7 @@ exports[`Additive Modifiers > applies description correctly > with description 1
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -99,6 +101,7 @@ exports[`Additive Modifiers > applies description correctly > with description 1
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -124,6 +127,7 @@ exports[`Additive Modifiers > applies description correctly > with description 1
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -169,6 +173,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -194,6 +199,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -228,6 +234,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -253,6 +260,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -298,6 +306,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -323,6 +332,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -357,6 +367,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -382,6 +393,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -427,6 +439,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -452,6 +465,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -486,6 +500,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -511,6 +526,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIs
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -556,6 +572,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -581,6 +598,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -615,6 +633,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -640,6 +659,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -685,6 +705,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -710,6 +731,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -744,6 +766,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -769,6 +792,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -814,6 +838,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -839,6 +864,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -873,6 +899,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -898,6 +925,7 @@ exports[`Additive Modifiers > applies smallerIsBetter correctly > without smalle
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -938,6 +966,7 @@ exports[`Create modifier sections > No optional values 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -966,6 +995,7 @@ exports[`Create modifier sections > No optional values 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -1008,6 +1038,7 @@ exports[`Create modifier sections > No optional values 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -1033,6 +1064,7 @@ exports[`Create modifier sections > No optional values 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1066,6 +1098,7 @@ exports[`Create modifier sections > No optional values 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1091,6 +1124,7 @@ exports[`Create modifier sections > No optional values 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -1133,6 +1167,7 @@ exports[`Create modifier sections > No optional values 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -1158,6 +1193,7 @@ exports[`Create modifier sections > No optional values 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1192,6 +1228,7 @@ exports[`Create modifier sections > No optional values 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1217,6 +1254,7 @@ exports[`Create modifier sections > No optional values 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -1245,6 +1283,7 @@ exports[`Create modifier sections > No optional values 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -1285,6 +1324,7 @@ exports[`Create modifier sections > No optional values 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -1310,6 +1350,7 @@ exports[`Create modifier sections > No optional values 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1344,6 +1385,7 @@ exports[`Create modifier sections > No optional values 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1369,6 +1411,7 @@ exports[`Create modifier sections > No optional values 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -1396,6 +1439,7 @@ exports[`Create modifier sections > No optional values 1`] = `
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -1436,6 +1480,7 @@ exports[`Create modifier sections > With base 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -1464,6 +1509,7 @@ exports[`Create modifier sections > With base 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -1506,6 +1552,7 @@ exports[`Create modifier sections > With base 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -1531,6 +1578,7 @@ exports[`Create modifier sections > With base 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1564,6 +1612,7 @@ exports[`Create modifier sections > With base 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1589,6 +1638,7 @@ exports[`Create modifier sections > With base 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -1631,6 +1681,7 @@ exports[`Create modifier sections > With base 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -1656,6 +1707,7 @@ exports[`Create modifier sections > With base 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1690,6 +1742,7 @@ exports[`Create modifier sections > With base 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1715,6 +1768,7 @@ exports[`Create modifier sections > With base 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -1743,6 +1797,7 @@ exports[`Create modifier sections > With base 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -1783,6 +1838,7 @@ exports[`Create modifier sections > With base 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -1808,6 +1864,7 @@ exports[`Create modifier sections > With base 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1842,6 +1899,7 @@ exports[`Create modifier sections > With base 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -1867,6 +1925,7 @@ exports[`Create modifier sections > With base 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -1894,6 +1953,7 @@ exports[`Create modifier sections > With base 1`] = `
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -1934,6 +1994,7 @@ exports[`Create modifier sections > With base 2`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -1962,6 +2023,7 @@ exports[`Create modifier sections > With base 2`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -2004,6 +2066,7 @@ exports[`Create modifier sections > With base 2`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -2029,6 +2092,7 @@ exports[`Create modifier sections > With base 2`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2062,6 +2126,7 @@ exports[`Create modifier sections > With base 2`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2087,6 +2152,7 @@ exports[`Create modifier sections > With base 2`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -2129,6 +2195,7 @@ exports[`Create modifier sections > With base 2`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -2154,6 +2221,7 @@ exports[`Create modifier sections > With base 2`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2188,6 +2256,7 @@ exports[`Create modifier sections > With base 2`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2213,6 +2282,7 @@ exports[`Create modifier sections > With base 2`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -2241,6 +2311,7 @@ exports[`Create modifier sections > With base 2`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -2281,6 +2352,7 @@ exports[`Create modifier sections > With base 2`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -2306,6 +2378,7 @@ exports[`Create modifier sections > With base 2`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2340,6 +2413,7 @@ exports[`Create modifier sections > With base 2`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2365,6 +2439,7 @@ exports[`Create modifier sections > With base 2`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -2392,6 +2467,7 @@ exports[`Create modifier sections > With base 2`] = `
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -2432,6 +2508,7 @@ exports[`Create modifier sections > With baseText 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -2460,6 +2537,7 @@ exports[`Create modifier sections > With baseText 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -2502,6 +2580,7 @@ exports[`Create modifier sections > With baseText 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -2527,6 +2606,7 @@ exports[`Create modifier sections > With baseText 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2560,6 +2640,7 @@ exports[`Create modifier sections > With baseText 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2585,6 +2666,7 @@ exports[`Create modifier sections > With baseText 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -2627,6 +2709,7 @@ exports[`Create modifier sections > With baseText 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -2652,6 +2735,7 @@ exports[`Create modifier sections > With baseText 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2686,6 +2770,7 @@ exports[`Create modifier sections > With baseText 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2711,6 +2796,7 @@ exports[`Create modifier sections > With baseText 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -2739,6 +2825,7 @@ exports[`Create modifier sections > With baseText 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -2779,6 +2866,7 @@ exports[`Create modifier sections > With baseText 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -2804,6 +2892,7 @@ exports[`Create modifier sections > With baseText 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2838,6 +2927,7 @@ exports[`Create modifier sections > With baseText 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -2863,6 +2953,7 @@ exports[`Create modifier sections > With baseText 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -2890,6 +2981,7 @@ exports[`Create modifier sections > With baseText 1`] = `
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -2940,6 +3032,7 @@ exports[`Create modifier sections > With everything 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -2969,6 +3062,7 @@ exports[`Create modifier sections > With everything 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -2994,6 +3088,7 @@ exports[`Create modifier sections > With everything 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3017,6 +3112,7 @@ exports[`Create modifier sections > With everything 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -3045,6 +3141,7 @@ exports[`Create modifier sections > With everything 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -3087,6 +3184,7 @@ exports[`Create modifier sections > With everything 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -3112,6 +3210,7 @@ exports[`Create modifier sections > With everything 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3145,6 +3244,7 @@ exports[`Create modifier sections > With everything 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3170,6 +3270,7 @@ exports[`Create modifier sections > With everything 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -3212,6 +3313,7 @@ exports[`Create modifier sections > With everything 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -3237,6 +3339,7 @@ exports[`Create modifier sections > With everything 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3271,6 +3374,7 @@ exports[`Create modifier sections > With everything 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3296,6 +3400,7 @@ exports[`Create modifier sections > With everything 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -3324,6 +3429,7 @@ exports[`Create modifier sections > With everything 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -3364,6 +3470,7 @@ exports[`Create modifier sections > With everything 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -3389,6 +3496,7 @@ exports[`Create modifier sections > With everything 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3423,6 +3531,7 @@ exports[`Create modifier sections > With everything 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3448,6 +3557,7 @@ exports[`Create modifier sections > With everything 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -3475,6 +3585,7 @@ exports[`Create modifier sections > With everything 1`] = `
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -3515,6 +3626,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -3543,6 +3655,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -3585,6 +3698,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -3610,6 +3724,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3643,6 +3758,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3668,6 +3784,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -3710,6 +3827,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -3735,6 +3853,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3769,6 +3888,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3794,6 +3914,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -3822,6 +3943,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -3862,6 +3984,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -3887,6 +4010,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3921,6 +4045,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -3946,6 +4071,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -3973,6 +4099,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -4013,6 +4140,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -4041,6 +4169,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -4083,6 +4212,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -4108,6 +4238,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4141,6 +4272,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4166,6 +4298,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -4208,6 +4341,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -4233,6 +4367,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4267,6 +4402,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4292,6 +4428,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -4320,6 +4457,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -4360,6 +4498,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -4385,6 +4524,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4419,6 +4559,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4444,6 +4585,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -4471,6 +4613,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -4511,6 +4654,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -4539,6 +4683,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -4581,6 +4726,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -4606,6 +4752,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4639,6 +4786,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4664,6 +4812,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -4706,6 +4855,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -4731,6 +4881,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4765,6 +4916,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4790,6 +4942,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -4818,6 +4971,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -4858,6 +5012,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -4883,6 +5038,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4917,6 +5073,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -4942,6 +5099,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -4969,6 +5127,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = fal
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -5009,6 +5168,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -5037,6 +5197,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -5079,6 +5240,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -5104,6 +5266,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5137,6 +5300,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5162,6 +5326,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -5204,6 +5369,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -5229,6 +5395,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5263,6 +5430,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5288,6 +5456,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -5316,6 +5485,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -5356,6 +5526,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -5381,6 +5552,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5415,6 +5587,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5440,6 +5613,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -5467,6 +5641,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -5507,6 +5682,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -5535,6 +5711,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -5577,6 +5754,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -5602,6 +5780,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5635,6 +5814,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5660,6 +5840,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -5702,6 +5883,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -5727,6 +5909,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5761,6 +5944,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5786,6 +5970,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -5814,6 +5999,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -5854,6 +6040,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -5879,6 +6066,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5913,6 +6101,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -5938,6 +6127,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -5965,6 +6155,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -6005,6 +6196,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -6033,6 +6225,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -6075,6 +6268,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -6100,6 +6294,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6133,6 +6328,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6158,6 +6354,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -6200,6 +6397,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -6225,6 +6423,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6259,6 +6458,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6284,6 +6484,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -6312,6 +6513,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -6352,6 +6554,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -6377,6 +6580,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6411,6 +6615,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6436,6 +6641,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -6463,6 +6669,7 @@ exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = tru
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -6513,6 +6720,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -6542,6 +6750,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -6567,6 +6776,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6590,6 +6800,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -6618,6 +6829,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -6660,6 +6872,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -6685,6 +6898,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6718,6 +6932,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6743,6 +6958,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -6785,6 +7001,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -6810,6 +7027,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6844,6 +7062,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6869,6 +7088,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -6897,6 +7117,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -6937,6 +7158,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -6962,6 +7184,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -6996,6 +7219,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -7021,6 +7245,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -7048,6 +7273,7 @@ exports[`Create modifier sections > With subtitle 1`] = `
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -7088,6 +7314,7 @@ exports[`Create modifier sections > With unit 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "h3",
     },
@@ -7116,6 +7343,7 @@ exports[`Create modifier sections > With unit 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "br",
     },
@@ -7158,6 +7386,7 @@ exports[`Create modifier sections > With unit 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -7183,6 +7412,7 @@ exports[`Create modifier sections > With unit 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -7216,6 +7446,7 @@ exports[`Create modifier sections > With unit 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -7241,6 +7472,7 @@ exports[`Create modifier sections > With unit 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -7283,6 +7515,7 @@ exports[`Create modifier sections > With unit 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-fgt),
             },
@@ -7308,6 +7541,7 @@ exports[`Create modifier sections > With unit 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -7342,6 +7576,7 @@ exports[`Create modifier sections > With unit 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -7367,6 +7602,7 @@ exports[`Create modifier sections > With unit 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -7395,6 +7631,7 @@ exports[`Create modifier sections > With unit 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "hr",
     },
@@ -7435,6 +7672,7 @@ exports[`Create modifier sections > With unit 1`] = `
               "suspense": null,
               "target": null,
               "targetAnchor": null,
+              "targetStart": null,
               "transition": null,
               "type": Symbol(v-txt),
             },
@@ -7460,6 +7698,7 @@ exports[`Create modifier sections > With unit 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -7494,6 +7733,7 @@ exports[`Create modifier sections > With unit 1`] = `
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": "span",
         },
@@ -7519,6 +7759,7 @@ exports[`Create modifier sections > With unit 1`] = `
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "div",
     },
@@ -7546,6 +7787,7 @@ exports[`Create modifier sections > With unit 1`] = `
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -7591,6 +7833,7 @@ exports[`Exponential Modifiers > applies description correctly > with descriptio
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -7617,6 +7860,7 @@ exports[`Exponential Modifiers > applies description correctly > with descriptio
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -7651,6 +7895,7 @@ exports[`Exponential Modifiers > applies description correctly > with descriptio
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -7678,6 +7923,7 @@ exports[`Exponential Modifiers > applies description correctly > with descriptio
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -7703,6 +7949,7 @@ exports[`Exponential Modifiers > applies description correctly > with descriptio
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -7748,6 +7995,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -7774,6 +8022,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -7808,6 +8057,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -7835,6 +8085,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -7860,6 +8111,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -7905,6 +8157,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -7931,6 +8184,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -7965,6 +8219,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -7992,6 +8247,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8017,6 +8273,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -8062,6 +8319,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -8088,6 +8346,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8122,6 +8381,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -8149,6 +8409,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8174,6 +8435,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smalle
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -8219,6 +8481,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -8245,6 +8508,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8279,6 +8543,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -8306,6 +8571,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8331,6 +8597,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -8376,6 +8643,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -8402,6 +8670,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8436,6 +8705,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -8463,6 +8733,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8488,6 +8759,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -8533,6 +8805,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -8559,6 +8832,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8593,6 +8867,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -8620,6 +8895,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8645,6 +8921,7 @@ exports[`Exponential Modifiers > applies smallerIsBetter correctly > without sma
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -8690,6 +8967,7 @@ exports[`Multiplicative Modifiers > applies description correctly > with descrip
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -8715,6 +8993,7 @@ exports[`Multiplicative Modifiers > applies description correctly > with descrip
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8749,6 +9028,7 @@ exports[`Multiplicative Modifiers > applies description correctly > with descrip
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -8776,6 +9056,7 @@ exports[`Multiplicative Modifiers > applies description correctly > with descrip
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8801,6 +9082,7 @@ exports[`Multiplicative Modifiers > applies description correctly > with descrip
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -8846,6 +9128,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -8871,6 +9154,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8905,6 +9189,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -8932,6 +9217,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -8957,6 +9243,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -9002,6 +9289,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -9027,6 +9315,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9061,6 +9350,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -9088,6 +9378,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9113,6 +9404,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -9158,6 +9450,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -9183,6 +9476,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9217,6 +9511,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -9244,6 +9539,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9269,6 +9565,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with sma
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -9314,6 +9611,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -9339,6 +9637,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9373,6 +9672,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -9400,6 +9700,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9425,6 +9726,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -9470,6 +9772,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -9495,6 +9798,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9529,6 +9833,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -9556,6 +9861,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9581,6 +9887,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -9626,6 +9933,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-fgt),
         },
@@ -9651,6 +9959,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9685,6 +9994,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
           "suspense": null,
           "target": null,
           "targetAnchor": null,
+          "targetStart": null,
           "transition": null,
           "type": Symbol(v-txt),
         },
@@ -9712,6 +10022,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
       "suspense": null,
       "target": null,
       "targetAnchor": null,
+      "targetStart": null,
       "transition": null,
       "type": "span",
     },
@@ -9737,6 +10048,7 @@ exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": "div",
 }
@@ -9789,6 +10101,7 @@ exports[`Sequential Modifiers > applies description correctly > with both 1`] =
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -9814,6 +10127,7 @@ exports[`Sequential Modifiers > applies description correctly > with both 1`] =
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -9848,6 +10162,7 @@ exports[`Sequential Modifiers > applies description correctly > with both 1`] =
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -9875,6 +10190,7 @@ exports[`Sequential Modifiers > applies description correctly > with both 1`] =
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -9900,6 +10216,7 @@ exports[`Sequential Modifiers > applies description correctly > with both 1`] =
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -9924,6 +10241,7 @@ exports[`Sequential Modifiers > applies description correctly > with both 1`] =
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -9976,6 +10294,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -10001,6 +10320,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10035,6 +10355,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10060,6 +10381,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -10102,6 +10424,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -10127,6 +10450,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10161,6 +10485,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -10188,6 +10513,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10213,6 +10539,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -10255,6 +10582,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -10281,6 +10609,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10315,6 +10644,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -10342,6 +10672,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10367,6 +10698,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -10391,6 +10723,7 @@ exports[`Sequential Modifiers > applies description correctly > with description
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -10443,6 +10776,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -10468,6 +10802,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10502,6 +10837,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10527,6 +10863,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -10569,6 +10906,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -10594,6 +10932,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10628,6 +10967,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10653,6 +10993,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -10677,6 +11018,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -10729,6 +11071,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -10754,6 +11097,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10788,6 +11132,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10813,6 +11158,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -10855,6 +11201,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -10880,6 +11227,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10914,6 +11262,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -10939,6 +11288,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -10963,6 +11313,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -11015,6 +11366,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -11040,6 +11392,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11074,6 +11427,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11099,6 +11453,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -11141,6 +11496,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -11166,6 +11522,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11200,6 +11557,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11225,6 +11583,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -11249,6 +11608,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both >
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -11301,6 +11661,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -11326,6 +11687,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11360,6 +11722,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11385,6 +11748,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -11427,6 +11791,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -11452,6 +11817,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11486,6 +11852,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -11513,6 +11880,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11538,6 +11906,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -11580,6 +11949,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -11606,6 +11976,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11640,6 +12011,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -11667,6 +12039,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11692,6 +12065,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -11716,6 +12090,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -11768,6 +12143,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -11793,6 +12169,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11827,6 +12204,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11852,6 +12230,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -11894,6 +12273,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -11919,6 +12299,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -11953,6 +12334,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -11980,6 +12362,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12005,6 +12388,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -12047,6 +12431,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -12073,6 +12458,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12107,6 +12493,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -12134,6 +12521,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12159,6 +12547,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -12183,6 +12572,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -12235,6 +12625,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -12260,6 +12651,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12294,6 +12686,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12319,6 +12712,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -12361,6 +12755,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -12386,6 +12781,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12420,6 +12816,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -12447,6 +12844,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12472,6 +12870,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -12514,6 +12913,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -12540,6 +12940,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12574,6 +12975,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -12601,6 +13003,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12626,6 +13029,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -12650,6 +13054,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smaller
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -12702,6 +13107,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -12727,6 +13133,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12761,6 +13168,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12786,6 +13194,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -12828,6 +13237,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -12853,6 +13263,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12887,6 +13298,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -12914,6 +13326,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -12939,6 +13352,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -12981,6 +13395,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -13007,6 +13422,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13041,6 +13457,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -13068,6 +13485,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13093,6 +13511,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -13117,6 +13536,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -13169,6 +13589,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -13194,6 +13615,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13228,6 +13650,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13253,6 +13676,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -13295,6 +13719,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -13320,6 +13745,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13354,6 +13780,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -13381,6 +13808,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13406,6 +13834,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -13448,6 +13877,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -13474,6 +13904,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13508,6 +13939,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -13535,6 +13967,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13560,6 +13993,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -13584,6 +14018,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }
@@ -13636,6 +14071,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -13661,6 +14097,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13695,6 +14132,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13720,6 +14158,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -13762,6 +14201,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -13787,6 +14227,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13821,6 +14262,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -13848,6 +14290,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13873,6 +14316,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -13915,6 +14359,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-fgt),
               },
@@ -13941,6 +14386,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -13975,6 +14421,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
                 "suspense": null,
                 "target": null,
                 "targetAnchor": null,
+                "targetStart": null,
                 "transition": null,
                 "type": Symbol(v-txt),
               },
@@ -14002,6 +14449,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
             "suspense": null,
             "target": null,
             "targetAnchor": null,
+            "targetStart": null,
             "transition": null,
             "type": "span",
           },
@@ -14027,6 +14475,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
         "suspense": null,
         "target": null,
         "targetAnchor": null,
+        "targetStart": null,
         "transition": null,
         "type": "div",
       },
@@ -14051,6 +14500,7 @@ exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smal
   "suspense": null,
   "target": null,
   "targetAnchor": null,
+  "targetStart": null,
   "transition": null,
   "type": Symbol(v-fgt),
 }