### Development Server Setup

Source: https://github.com/ts1/flipbook-vue/blob/master/README.md

Commands to start the development server for demo pages. Requires installing dependencies first.

```Shell
cd examples/demo
pnpm i
pnpm serve
```

--------------------------------

### Install flipbook-vue with npm, yarn, or pnpm

Source: https://github.com/ts1/flipbook-vue/blob/master/README.md

Demonstrates how to install the flipbook-vue package using different package managers: npm, yarn, and pnpm.

```bash
npm i -S flipbook-vue
```

```bash
yarn add flipbook-vue
```

```bash
pnpm add flipbook-vue
```

--------------------------------

### Package for NPM

Source: https://github.com/ts1/flipbook-vue/blob/master/README.md

Command to package the project for distribution via npm.

```Shell
pnpm dist
```

--------------------------------

### Include flipbook-vue in HTML

Source: https://github.com/ts1/flipbook-vue/blob/master/README.md

Shows how to include the flipbook-vue component directly in an HTML file using a CDN link. It also provides specific links for Vue 2.x compatibility.

```html
<script src="https://unpkg.com/flipbook-vue"></script>
```

```html
<script src="https://unpkg.com/flipbook-vue/dist/vue2/flipbook.min.js"></script>
```

```html
<script src="https://unpkg.com/flipbook-vue@0"></script>
```

--------------------------------

### Basic Usage of flipbook-vue in a Vue Template

Source: https://github.com/ts1/flipbook-vue/blob/master/README.md

Illustrates the fundamental usage of the flipbook-vue component within a Vue.js template, binding an array of image URLs to the 'pages' prop and applying basic styling.

```html
<template>
  <flipbook class="flipbook" :pages="['array', 'of', 'image', 'URLs']"></flipbook>
</template>

<style>
.flipbook {
  width: 90vw;
  height: 90vh;
}
</style>
```

--------------------------------

### Import flipbook-vue for Vue 2

Source: https://github.com/ts1/flipbook-vue/blob/master/README.md

Provides the JavaScript code snippet for importing the Flipbook component specifically for Vue 2.x projects.

```javascript
import Flipbook from 'flipbook-vue/vue2'
```

--------------------------------

### Import flipbook-vue for Vue 3

Source: https://github.com/ts1/flipbook-vue/blob/master/README.md

Provides the JavaScript code snippet for importing the Flipbook component when using Vue 3.x.

```javascript
import Flipbook from 'flipbook-vue'
export default {
  components: { Flipbook }
}
```

--------------------------------

### Control flipbook-vue with Slot Props

Source: https://github.com/ts1/flipbook-vue/blob/master/README.md

Demonstrates how to use slot props provided by the flipbook-vue component to control its behavior, such as flipping pages or accessing its state.

```html
<flipbook :pages="pages" v-slot="flipbook">
  <button @click="flipbook.flipLeft">Previous Page</button>
  <button @click="flipbook.flipRight">Next Page</button>
</flipbook>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.