change imports

package.json

@@ -40,7 +40,6 @@
 		"svelte": "^4.2.18",
 		"svelte-check": "^3.8.0",
 		"svelte-preprocess": "^6.0.1",
-		"svelte-writable-derived": "^3.1.1",
 		"tailwindcss": "^3.4.1",
 		"tslib": "^2.6.2",
 		"typescript": "^5.4.5",

src/view/ActorAnimations/submenus/actor-animations.svelte

@@ -1,11 +1,11 @@
 <script lang='ts'>
 	import type { TJSDocument } from '@typhonjs-fvtt/runtime/svelte/store/fvtt/document'
+	import { writableDerived } from '@typhonjs-fvtt/runtime/svelte/store/writable-derived'
 	import type { moduleFlags } from 'src/extensions'
 	import { AnimCore } from 'src/storage/AnimCore'
 	import { devMessage, log } from 'src/utils'
 	import AnimationCreator from 'src/view/AnimationCreator.svelte'
 	import { getContext } from 'svelte'
-	import writableDerived from 'svelte-writable-derived'
 	import type { Writable } from 'svelte/store'
 
 	export let doc: TJSDocument<ActorPF2e>
@@ -37,8 +37,7 @@
 	function deleteAnimation(key: string) {
 		if (!$flag?.customAnimations) throw log('Something went wrong, check with Vauxs!')
 		delete $flag.customAnimations[key]
-		// eslint-disable-next-line no-self-assign
-		$flag.customAnimations = $flag.customAnimations
+		flag.set($flag)
 	}
 
 	$: devMessage('Actor Animations Tab', $flag.customAnimations, $showNewAnimation)