fix: beam story

beam/src/components/BeamModal.vue

@@ -11,6 +11,4 @@
 defineProps<{
 	showModal: boolean
 }>()
-
-defineEmits(['closemodal', 'confirmmodal'])
 </script>

beam/src/components/Confirm.vue

@@ -1,18 +1,7 @@
 <template>
 	<div class="beam__modal-confirm">
 		<h2>Would you like to continue?</h2>
-		<button class="btn" @click="confirmModal">Yes</button>
-		<button class="btn" @click="closeModal">No</button>
+		<button class="btn" @click="$emit('confirmmodal')">Yes</button>
+		<button class="btn" @click="$emit('closemodal')">No</button>
 	</div>
 </template>
-
-<script setup lang="ts">
-const emit = defineEmits(['confirmmodal', 'closemodal'])
-
-const confirmModal = () => {
-	emit('confirmmodal')
-}
-const closeModal = () => {
-	emit('closemodal')
-}
-</script>

beam/src/components/ScanInput.vue

@@ -31,4 +31,3 @@ onUnmounted(() => {
 	})
 })
 </script>
-<style scoped></style>

beam/stories/default.story.vue

@@ -1,15 +1,19 @@
 <template>
-	<Story title="default">
-		<Variant title="default">
-			<BeamModal :showModal="showModal">
+	<Story>
+		<Variant>
+			<BeamModal @confirmmodal="confirmModal" @closemodal="closeModal" :showModal="showModal">
 				<Confirm @confirmmodal="confirmModal" @closemodal="closeModal" />
 			</BeamModal>
+
 			<Navbar @click="handlePrimaryAction">
-				<template v-slot:title><h1>ITEMS TO RECEIVE</h1></template>
-				<template v-slot:navbaraction>DONE</template>
+				<template #title>
+					<h1 class="nav-title">Items to Receive</h1>
+				</template>
+				<template #navbaraction>Done</template>
 			</Navbar>
+
 			<ListView :items="items" @scrollbottom="loadMoreItems" />
-			<ActionFooter @click="handlePrimaryAction"> DONE </ActionFooter>
+			<ActionFooter @click="handlePrimaryAction">Done</ActionFooter>
 			<ScanInput @scaninput="handleScanInput($event)" />
 			<BeamModalOutlet @confirmmodal="confirmModal" @closemodal="closeModal"></BeamModalOutlet>
 		</Variant>
@@ -126,15 +130,6 @@ const confirmModal = () => {
 }
 </script>
 
-<style scoped>
-@import './theme.scss';
-
-body {
-	margin: 0;
-	padding: 0;
-	display: flex;
-	flex-direction: column;
-	flex: 1 0 auto;
-	height: 100%;
-}
+<style>
+@import url('./../themes/beam.css');
 </style>