client:only support for Astro Angular components

[R-Bower]

Which scope/s are relevant/related to the feature request?

astro-angular

Information

I'd like to be able to add a client:only directive to Angular components within Astro pages. Relevant Astro docs.

Describe any alternatives/workarounds you're currently using

None

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

• [ ] Yes
• [X] No

[brandonroberts]

Form looking through the source code, the client:only directive is only if there is only 1 unofficial UI component integration in use. If you are using Angular and React together for example, it's not currently supported.

[brandonroberts]

Example

Works

import { defineConfig } from 'astro/config';
import angular from "@analogjs/astro-angular";

// https://astro.build/config
export default defineConfig({
  outDir: '../../dist/apps/astro-app',
  integrations: [
    angular(),
  ]
});

Does not work

import { defineConfig } from 'astro/config';
import angular from "@analogjs/astro-angular";
import react from '@astrojs/react';

// https://astro.build/config
export default defineConfig({
  outDir: '../../dist/apps/astro-app',
  integrations: [
    angular(),
    react()
  ]
});