Agx runs lifecycle hooks multiple times

[meeroslav]

Please provide the environment you discovered this bug in.

https://github.com/meeroslav/test-analog/tree/main

Which area/package is the issue in?

Don't know / other

Description

Steps to reproduce:

• yarn
• yarn dev
• navigate to /mounting-test
• check the inspect -> console
• notice page was mounted -> unmounted -> mounted, although we only clicked once

Please provide the exception or error you saw

Angular is running in development mode.
mounting-test.agx.ts:13 I am mounting
mounting-test.agx.ts:16 I am unmounting
mounting-test.agx.ts:13 I am mounting

### Other information

_No response_

### I would be willing to submit a PR to fix this issue

- [ ] Yes
- [ ] No

[brandonroberts]

Is this just on first starting up the app in the browser or every time you navigate?

[meeroslav]

It's happening every time I navigate to that page.

[meeroslav]

I discovered that the problem is not in the life cycle hook but rather the entire script block being run twice.

For given agx file:

---
title: Mounting test
slug: mounting-test
---

<script lang="ts">
  console.log('__LOADING___________________________');

  onInit(() => {
    console.log('I am mounting (mounting-test)');
  });

  onDestroy(() => {
    console.log('I am unmounting (mounting-test)');
  });
</script>

<template lang="md">
Some template here
</template>

This is the trace in terminal:

Notice the loading log happening twice for every navigation.