23 lines
386 B
Vue
23 lines
386 B
Vue
|
<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>
|