feat: camelcase global components

frontend/src/components/misc/Card.vue

@@ -18,7 +18,7 @@
 				@click="$emit('close')"
 			>	
 				<span class="icon">
-					<icon :icon="closeIcon" />
+					<Icon :icon="closeIcon" />
 				</span>
 			</BaseButton>
 		</header>

frontend/src/components/misc/CreateEdit.vue

@@ -1,10 +1,10 @@
 <template>
-	<modal
+	<Modal
 		:overflow="true"
 		:wide="wide"
 		@close="$router.back()"
 	>
-		<card
+		<Card
 			:title="title"
 			:shadow="false"
 			:padding="false"
@@ -45,8 +45,8 @@
 					</x-button>
 				</slot>
 			</template>
-		</card>
-	</modal>
+		</Card>
+	</Modal>
 </template>
 
 <script setup lang="ts">

frontend/src/components/misc/Dropdown.vue

@@ -13,7 +13,7 @@
 				class="dropdown-trigger is-flex"
 				@click="toggleOpen"
 			>
-				<icon
+				<Icon
 					:icon="triggerIcon"
 					class="icon"
 				/>

frontend/src/components/misc/Modal.vue

@@ -31,7 +31,7 @@
 							class="close"
 							@click="$emit('close')"
 						>
-							<icon icon="times" />
+							<Icon icon="times" />
 						</BaseButton>
 
 						<slot>

frontend/src/components/misc/Notification.vue

@@ -1,5 +1,5 @@
 <template>
-	<notifications
+	<Notifications
 		position="bottom left"
 		:max="2"
 		class="global-notification"
@@ -44,7 +44,7 @@
 				</div>
 			</div>
 		</template>
-	</notifications>
+	</Notifications>
 </template>
 
 <style scoped>

frontend/src/components/misc/OpenQuickActions.vue

@@ -35,6 +35,6 @@ function openQuickActions() {
 		:title="$t('keyboardShortcuts.quickSearch')"
 		@click="openQuickActions"
 	>
-		<icon icon="search" />
+		<Icon icon="search" />
 	</BaseButton>
 </template>

frontend/src/components/misc/Subscription.vue

@@ -26,7 +26,7 @@
 		@click="changeSubscription"
 	>
 		<span class="icon">
-			<icon :icon="iconName" />
+			<Icon :icon="iconName" />
 		</span>
 		{{ buttonText }}
 	</BaseButton>

frontend/src/components/misc/keyboard-shortcuts/index.vue

@@ -1,6 +1,6 @@
 <template>
-	<modal @close="close()">
-		<card
+	<Modal @close="close()">
+		<Card
 			class="has-background-white keyboard-shortcuts"
 			:shadow="false"
 			:title="$t('keyboardShortcuts.title')"
@@ -43,8 +43,8 @@
 					</template>
 				</dl>
 			</template>
-		</card>
-	</modal>
+		</Card>
+	</Modal>
 </template>
 
 <script lang="ts" setup>