@openafg/nuxt-fullpage

1.0.5 • Public • Published

Nuxt fullpage

Nuxt module for creating fullscreen page scroll fast and simple.

Table of contents

  1. Installation
  2. Usage
  3. Options
  4. Contributing

Installation

Terminal:

// With npm

npm install --save @openafg/nuxt-fullpage

Usage

Add @openafg/nuxt-fullpage to the Modules section of nuxt.config.js

export default {
  modules: [
    ['@openafg/nuxt-fullpage', {
      // Options
    }]
  ]
}

Required HTML

This wrapper creates a <full-page> component, which you can use like other Vue.js components. For example:

<div>
    <full-page>
      <section class="section">
        First section ...
      </section>
      <section class="section">
        Second section ...
      </section>
  </full-page>
</div>

Options

To configure the module, in nuxt.config.js.

export default {
  modules: [
    ['@openafg/nuxt-fullpage', {
      activeSection: 0,
      mouseWheelSensitivity: 120,
      showIndicators: false
    }]
  ]
}

Contributing

Readme

Keywords

Package Sidebar

Install

npm i @openafg/nuxt-fullpage

Weekly Downloads

8

Version

1.0.5

License

MIT

Unpacked Size

7.92 kB

Total Files

6

Last publish

Collaborators

  • afg-programmer