Для показа динамических компонентов на странице с использованием Vue3 и Nuxt вы можете использовать условные операторы или директиву `v-if`. Например, вы можете создать компонент, в котором будет переменная, определяющая, когда нужно показать компонент:
```vue
<template>
<div>
<button @click="showComponent = !showComponent">Toggle Component</button>
<div v-if="showComponent">
<!-- Ваш компонент -->
</div>
</div>
</template>
<script>
export default {
data() {
return {
showComponent: false
}
}
}
</script>
```
Чтобы стилизовать блок кнопок, существует несколько способов. Один из популярных способов - использовать фреймворк CSS, такой как Bootstrap или Tailwind CSS. Вы можете добавить библиотеку стилей в свой проект Nuxt и использовать их в вашем компоненте. Например, для использования Bootstrap в Nuxt, вам нужно выполнить следующие шаги:
1. Установите Bootstrap, вводя команду в терминал:
```
npm install bootstrap
```
2. Импортируйте необходимые стили в ваш файл компонента:
```html
<style>
@import 'bootstrap/dist/css/bootstrap.css';
</style>
```
3. Теперь вы можете использовать стили Bootstrap для ваших кнопок:
```html
<template>
<div>
<button class="btn btn-primary">Primary Button</button>
<button class="btn btn-secondary">Secondary Button</button>
</div>
</template>
```
Вы также можете создать свои собственные стили для блока кнопок, используя CSS или препроцессор CSS, такой как Sass или Less. Вы можете добавить стили напрямую в ваш компонент, или создать отдельный файл стилей и импортировать его. Например:
```html
<template>
<div class="button-block">
<button class="primary-button">Primary Button</button>
<button class="secondary-button">Secondary Button</button>
</div>
</template>
<style scoped>
.button-block {
display: flex;
justify-content: space-between;
}
.primary-button {
background-color: blue;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
}
.secondary-button {
background-color: gray;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
}
</style>
```
Это простой пример стилизации блока кнопок, но вы можете использовать свои собственные стили, чтобы достичь современного и привлекательного внешнего вида в соответствии со своими предпочтениями и требованиями.