src/plugins/pricelist/components/Pricelist.vue

@@ -8,6 +8,7 @@
     :filter-method="filter"
     dense
     :pagination="pagination"
+    :fullscreen="fullscreen"
   >
     <template #top-right>
       <div class="row justify-end q-gutter-sm">
@@ -26,6 +27,11 @@
           options-cover
         />
         <slot></slot>
+        <q-btn
+          round
+          :icon="fullscreen ? 'mdi-fullscreen-exit' : 'mdi-fullscreen'"
+          @click="fullscreen = !fullscreen"
+        />
       </div>
     </template>
     <template #body-cell-tags="props">
@@ -198,6 +204,8 @@ export default defineComponent({
       rowsPerPage: 10,
     });
 
+    const fullscreen = ref(false);
+
     return {
       drinks: computed(() => store.pricelist),
       columns,
@@ -206,6 +214,7 @@ export default defineComponent({
       search,
       filter,
       pagination,
+      fullscreen,
     };
   },
 });