# dgtek-footer

> Component for npm registry

Latest version **0.0.4** (published 2020-09-13) · 0 weekly downloads

## Install

```sh
npm install dgtek-footer
pnpm add dgtek-footer
yarn add dgtek-footer
bun add dgtek-footer
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2020-09-13 |
| First published | 2020-09-10 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 10 |
| Unpacked size | 2.7 MB |
| Known vulnerabilities | 0 (+3 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | garevna |
| Maintainers | garevna |
| Keywords | dgtek, app, footer, navigation, component, npm, registry, logo |

## Links

- npm: https://www.npmjs.com/package/dgtek-footer
- Repository: https://github.com/garevna/dgtek-components/tree/footer
- npm.io page: https://npm.io/package/dgtek-footer

## Dependencies (10)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [vuetify](https://npm.io/package/vuetify.md) ^2.2.11
- [dgtek-faq](https://npm.io/package/dgtek-faq.md) ^0.0.1
- [dgtek-footer](https://npm.io/package/dgtek-footer.md) ^0.0.1
- [dgtek-styles](https://npm.io/package/dgtek-styles.md) ^0.0.8
- [dgtek-benefits](https://npm.io/package/dgtek-benefits.md) ^0.0.1
- [dgtek-app-header](https://npm.io/package/dgtek-app-header.md) ^0.0.4
- [dgtek-contact-form](https://npm.io/package/dgtek-contact-form.md) ^0.0.1
- [dgtek-testimonials](https://npm.io/package/dgtek-testimonials.md) ^0.0.4

## Alternatives

- [express-promise-router](https://npm.io/package/express-promise-router.md) — 736.1K weekly downloads
- [next-usequerystate](https://npm.io/package/next-usequerystate.md) — 29.8K weekly downloads
- [@bitkyc08/opencodex](https://npm.io/package/@bitkyc08/opencodex.md) — 4.6K weekly downloads
- [lynkr](https://npm.io/package/lynkr.md) — 575 weekly downloads
- [baremetal.js](https://npm.io/package/baremetal.js.md) — 42 weekly downloads

## Recent versions

- 0.0.4 (latest) — 2020-09-13
- 0.0.1 — 2020-09-10

## README

# dgtek-footer

This component is designed to be utilized in dgtek.net projects only.

It can't be used outside the dgtek.net and landing pages of dgtek.net

____________________________________________

## install component
```
yarn add dgtek-footer
```

### Load the component and it's styles

App.vue
```
import 'dgtek-footer'
import 'dgtek-footer/dist/dgtek-footer.css'
```

### Use the component

```
<Footer
    :page.sync="page"
    :viewport="viewport"
/>
```

### Example

###### App.vue
```
<template>
  <v-app>
    <v-main>
      <Footer
        :viewport="viewport"
    />
    </v-main>
  </v-app>
</template>

<script>

import 'dgtek-styles'

import 'dgtek-app-header'
import 'dgtek-app-header/dist/dgtek-app-header.css'

export default {
  name: 'App',

  data: () => ({
    page: '#top',
    viewport: {
      width: window.innerWidth,
      height: window.innerHeight
    }
  }),

  methods: {
    onResize () {
      this.viewport.width = window.innerWidth
      this.viewport.height = window.innerHeight
    },
    async getContent () {
      const content = await (await fetch('https://api.pineapple.net.au/content/dgtek-1')).json()
      Object.keys(content).forEach((item) => {
        sessionStorage.setItem(item, JSON.stringify(content[item]))
      })
    }
  },
  created () {
    if (!sessionStorage.getItem('footer')) this.getContent()
  },
  mounted () {
    window.addEventListener('resize', this.onResize, { passive: true })
  }
}
</script>
```

---
_Source: https://npm.io/package/dgtek-footer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._