Custom Module composable state not reset after hot reload

I wanted to learn how to do nuxt modules so I made this: https://github.com/Waradu/keyboard the problem is in

src/runtime/keyboard.ts > handlers

src/runtime/keyboard.ts > handlers

. If the application hot reloades the "new" event get added but the old one are still in the list.

Example

testapp

testapp

<template>TEST</template>

<script lang="ts" setup>
import { Key } from "wrdu-keyboard/key";

const keyboard = useKeyboard();

keyboard.down([Key.A], () => {
  console.log("pressed");
});
</script>

<template>TEST</template>

<script lang="ts" setup>
import { Key } from "wrdu-keyboard/key";

const keyboard = useKeyboard();

keyboard.down([Key.A], () => {
  console.log("pressed");
});
</script>

if I now change "pressed" to "pressed2" while running dev mode and the application hot reloads, it prints "pressed" and "pressed2".

Printing "handlers" from

keyboard.ts

keyboard.ts

shows that there are 2 KeyHandlers instead of 1.

Why is that and how to fix?

GitHub

GitHub - Waradu/keyboard

Contribute to Waradu/keyboard development by creating an account on GitHub.

Nuxt•14mo ago•

4 replies

Noan

Custom Module composable state not reset after hot reload

I wanted to learn how to do nuxt modules so I made this: https://github.com/Waradu/keyboard the problem is in

src/runtime/keyboard.ts > handlers

src/runtime/keyboard.ts > handlers

. If the application hot reloades the "new" event get added but the old one are still in the list.

Example

testapp

testapp

<template>TEST</template>

<script lang="ts" setup>
import { Key } from "wrdu-keyboard/key";

const keyboard = useKeyboard();

keyboard.down([Key.A], () => {
  console.log("pressed");
});
</script>

<template>TEST</template>

<script lang="ts" setup>
import { Key } from "wrdu-keyboard/key";

const keyboard = useKeyboard();

keyboard.down([Key.A], () => {
  console.log("pressed");
});
</script>

if I now change "pressed" to "pressed2" while running dev mode and the application hot reloads, it prints "pressed" and "pressed2".

Printing "handlers" from

keyboard.ts

keyboard.ts

shows that there are 2 KeyHandlers instead of 1.

Why is that and how to fix?

GitHub

GitHub - Waradu/keyboard

Contribute to Waradu/keyboard development by creating an account on GitHub.

Custom Module composable state not reset after hot reload

Similar Threads

Custom Module composable state not reset after hot reload

Similar Threads

Similar Threads

Similar Threads