diff --git a/src/stores/virtualSample.js b/src/stores/virtualSample.js index 1837da0..9825632 100644 --- a/src/stores/virtualSample.js +++ b/src/stores/virtualSample.js @@ -3,13 +3,13 @@ import { ref, watch } from "vue"; import { usePageStore } from "./page"; export const useVirtualSampleStore = defineStore("virtual-sample", () => { - const activeTab = ref("dynamic"); - const currentFile = ref(null); - const isLoopAnimationEnabled = ref(false); - const { page } = usePageStore(); const step = page.steps.find((step) => step.id === "virtualSample"); + const activeTab = ref(step.files.dynamic ? "dynamic" : "static"); + const currentFile = ref(null); + const isLoopAnimationEnabled = ref(false); + watch(activeTab, () => (currentFile.value = null)); return { activeTab, currentFile, step, isLoopAnimationEnabled };