chore: rename .ce.vue files to .standalone.vue (#1690)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- Documentation
- Updated contributor guide to use “standalone” naming for web
components.
- Refactor
- Migrated app and component references from legacy variants to
standalone components.
- Unified component registry and updated global component typings to
standalone names.
- Tests
- Updated test suites to target standalone components; no behavior
changes.

No user-facing changes.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: elibosley

web/CONTRIBUTING.md

@@ -4,7 +4,7 @@
 
 For legacy compatibility, Unraid ships web components to the webgui. These components
 are written as Vue and turned into web components as a build step. By convention,
-Vue components that are built as top-level web components are suffixed with `*.ce.vue`
+Vue components that are built as top-level web components are suffixed with `*.standalone.vue`
 for "**c**ustom **e**lement", which comes from the tool used for compilation: `nuxt-custom-elements`.
 
 Note: `nuxt-custom-elements` is currently pinned to a specific version because

web/__test__/components/Activation/WelcomeModal.test.ts

@@ -9,7 +9,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import type { ComposerTranslation } from 'vue-i18n';
 
-import WelcomeModal from '~/components/Activation/WelcomeModal.ce.vue';
+import WelcomeModal from '~/components/Activation/WelcomeModal.standalone.vue';
 
 vi.mock('@unraid/ui', async (importOriginal) => {
   const actual = (await importOriginal()) as Record<string, unknown>;
@@ -76,7 +76,7 @@ vi.mock('~/store/theme', () => ({
   useThemeStore: () => mockThemeStore,
 }));
 
-describe('Activation/WelcomeModal.ce.vue', () => {
+describe('Activation/WelcomeModal.standalone.vue', () => {
   let mockSetProperty: ReturnType<typeof vi.fn>;
   let mockQuerySelector: ReturnType<typeof vi.fn>;
 

web/__test__/components/Auth.test.ts

@@ -11,7 +11,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import type { ServerconnectPluginInstalled } from '~/types/server';
 
-import Auth from '~/components/Auth.ce.vue';
+import Auth from '~/components/Auth.standalone.vue';
 import { useServerStore } from '~/store/server';
 
 vi.mock('vue-i18n', () => ({

web/__test__/components/ColorSwitcher.test.ts

@@ -12,7 +12,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import type { MockInstance } from 'vitest';
 
-import ColorSwitcher from '~/components/ColorSwitcher.ce.vue';
+import ColorSwitcher from '~/components/ColorSwitcher.standalone.vue';
 import { useThemeStore } from '~/store/theme';
 
 // Explicitly mock @unraid/ui to ensure we use the actual components

web/__test__/components/DowngradeOs.test.ts

@@ -8,7 +8,7 @@ import { mount } from '@vue/test-utils';
 import { createTestingPinia } from '@pinia/testing';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import DowngradeOs from '~/components/DowngradeOs.ce.vue';
+import DowngradeOs from '~/components/DowngradeOs.standalone.vue';
 import { useServerStore } from '~/store/server';
 
 vi.mock('crypto-js/aes', () => ({

web/__test__/components/DownloadApiLogs.test.ts

@@ -8,7 +8,7 @@ import { BrandButton } from '@unraid/ui';
 import { createTestingPinia } from '@pinia/testing';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import DownloadApiLogs from '~/components/DownloadApiLogs.ce.vue';
+import DownloadApiLogs from '~/components/DownloadApiLogs.standalone.vue';
 
 vi.mock('~/helpers/urls', () => ({
   CONNECT_FORUMS: new URL('http://mock-forums.local'),

web/__test__/components/HeaderOsVersion.test.ts

@@ -14,7 +14,7 @@ import type { VueWrapper } from '@vue/test-utils';
 import type { Error as CustomApiError } from '~/store/errors';
 import type { ServerUpdateOsResponse } from '~/types/server';
 
-import HeaderOsVersion from '~/components/HeaderOsVersion.ce.vue';
+import HeaderOsVersion from '~/components/HeaderOsVersion.standalone.vue';
 import { useErrorsStore } from '~/store/errors';
 import { useServerStore } from '~/store/server';
 

web/__test__/components/Registration.test.ts

@@ -12,7 +12,7 @@ import type { VueWrapper } from '@vue/test-utils';
 import type { ServerconnectPluginInstalled } from '~/types/server';
 import type { Pinia } from 'pinia';
 
-import Registration from '~/components/Registration.ce.vue';
+import Registration from '~/components/Registration.standalone.vue';
 import { usePurchaseStore } from '~/store/purchase';
 import { useReplaceRenewStore } from '~/store/replaceRenew';
 import { useServerStore } from '~/store/server';
@@ -116,7 +116,7 @@ vi.mock('vue-i18n', () => ({
   useI18n: () => ({ t }),
 }));
 
-describe('Registration.ce.vue', () => {
+describe('Registration.standalone.vue', () => {
   let wrapper: VueWrapper<unknown>;
   let pinia: Pinia;
   let serverStore: ReturnType<typeof useServerStore>;

web/__test__/components/ThemeSwitcher.test.ts

@@ -46,14 +46,14 @@ const mockLocation = {
 
 vi.stubGlobal('location', mockLocation);
 
-describe('ThemeSwitcher.ce.vue', () => {
+describe('ThemeSwitcher.standalone.vue', () => {
   let consoleDebugSpy: MockInstance;
   let consoleLogSpy: MockInstance;
   let consoleErrorSpy: MockInstance;
   let ThemeSwitcher: unknown;
 
   beforeEach(async () => {
-    ThemeSwitcher = (await import('~/components/ThemeSwitcher.ce.vue')).default;
+    ThemeSwitcher = (await import('~/components/ThemeSwitcher.standalone.vue')).default;
 
     vi.useFakeTimers();
     vi.clearAllMocks();

web/__test__/components/UpdateOs.test.ts

@@ -8,7 +8,7 @@ import { mount } from '@vue/test-utils';
 import { createTestingPinia } from '@pinia/testing';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import UpdateOs from '~/components/UpdateOs.ce.vue';
+import UpdateOs from '~/components/UpdateOs.standalone.vue';
 
 vi.mock('@unraid/ui', () => ({
   PageContainer: { template: '<div><slot /></div>' },
@@ -61,7 +61,7 @@ const UpdateOsThirdPartyDriversStub = {
   props: ['t'],
 };
 
-describe('UpdateOs.ce.vue', () => {
+describe('UpdateOs.standalone.vue', () => {
   beforeEach(() => {
     vi.clearAllMocks();
     mockRebootType.value = '';