49 lines
1.2 KiB
Vue
49 lines
1.2 KiB
Vue
<script setup>
|
|
import BaseWindow from '~/components/BaseWindow.vue';
|
|
|
|
const emit = defineEmits([
|
|
'close',
|
|
'minimize',
|
|
'bring-to-front',
|
|
'update-position',
|
|
'update-dimensions',
|
|
]);
|
|
|
|
const handleClose = () => emit('close');
|
|
const handleMinimize = () => emit('minimize');
|
|
const handleBringToFront = () => emit('bring-to-front');
|
|
const handleUpdatePosition = (newPosition) => emit('update-position', newPosition);
|
|
const handleUpdateDimensions = (newDimensions) => emit('update-dimensions', newDimensions);
|
|
</script>
|
|
|
|
<template>
|
|
<BaseWindow
|
|
:window-data="windowData"
|
|
@close="handleClose"
|
|
@minimize="handleMinimize"
|
|
@bring-to-front="handleBringToFront"
|
|
@update-position="handleUpdatePosition"
|
|
@update-dimensions="handleUpdateDimensions"
|
|
>
|
|
<div class="winamp-content">
|
|
<!-- Winamp content goes here -->
|
|
<p>This is the Winamp player.</p>
|
|
<p>You can add your music player UI here.</p>
|
|
</div>
|
|
</BaseWindow>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.winamp-content {
|
|
padding: 10px;
|
|
background-color: #C0C0C0;
|
|
flex-grow: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-family: 'MS Sans Serif', 'Arial', sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
</style>
|