@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

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i @openafg/nuxt-fullpage

      Weekly Downloads

      24

      Version

      1.0.5

      License

      MIT

      Unpacked Size

      7.92 kB

      Total Files

      6

      Last publish

      Collaborators

      • afg-programmer