<template>
  <aside id="side-panel">
    <button @click="fontSize++">Action ({{ fontSize }}px)</button>
  </aside>
</template>

<script setup>
const fontSize = defineModel('fontSize');
</script>

<style>
#side-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100vh;
  background: white;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
  padding: 1rem;
}
</style>
