open-index/open-npm huggingface dataset:
npm package: @limeware/primevue
Description: [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)
Latest version: 2.6.1-alpha5


[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue)

[![PrimeVue Hero](https://www.primefaces.org/wp-content/uploads/2020/08/primevue-promo.jpg)](https://www.primefaces.org/primevue)

### Website

Visit the [PrimeVue Website](https://www.primefaces.org/primevue/) for general information, demos and documentation.
npm package: @limeyfy/react-seo
Description: A library to help with easily maintain good SEO in react. Made by "https://github.com/notlimey"
Author: Limey
Latest version: 2.0.2

# React Better SEO
Maintaining good seo in react is not easy in itself. You can always use react-helmet to help you but understanding all the meta tags and so on can be hard. Therefore I made a npm package to help with easily maintaining good seo.

The package is based on https://www.npmjs.com/package/react-helmet.

## Getting started

```terminal
npm i --save @limeyfy/react-seo
// or
yarn add @limeyfy/react-seo
```

- [Whats new in v.2.0.0?](#whats-changed-in-200)

### Example

```jsx
import './App.css';
import { BetterHelmet } from '@limeyfy/react-seo'

const App = () => {
  return (
    <div className="App">
      <BetterHelmet title="Hey" subTitle="cool" />
    </div>
  );
}

export default App;
```

### Test SEO

```jsx
import './App.css';
import React, { useEffect } from 'react'
import { BetterHelmet, useSeo } from '@limeyfy/react-seo'

const App = () => {
  const { result } = useSeo();

  console.log(result())

  return (
    <div className="App">
      <BetterHelmet
        title="Limeyfy"
        subTitle="App"
      >
        <meta name='og:country-name' content='NORWAY'>
      </BetterHelmet>
    </div>
  );
}

export default App;
```

### Another example

```jsx
import './App.css';
import { BetterHelmet } from '@limeyfy/react-seo'

const App = () => {
  return (
    <div className="App">
      <BetterHelmet
        title="Limeyfy"
        subTitle="App"
      >
        <meta name='og:country-name' content='NORWAY'>
      </BetterHelmet>
    </div>
  );
}

export default App;
```

### Params

- title?: <code>string</code>;
- subTitle?: <code>string</code>;
- title?: <code>string</code>;
- subTitle?: <code>string</code>;
- titleDivider?: <code>string</code>;
- keywords?: <code>string</code>;
- themeColor?: <code>string</code>;
- description?: <code>string</code>;
- subject?: <code>string</code>;
- copyright?: <code>string</code>;
- language?: <code>string</code>;
- robots?: <code>string</code>;
- revised?: <code>string</code>;
- topic?: <code>string</code>;
- summary?: <code>string</code>;
- Classification?: <code>string</code>;
- author?: <code>string</code>;
- replyTo?: <code>string</code>;
- owner?: <code>string</code>;
- url?: <code>string</code>;
- identifierURL?: <code>string</code>;
- image?: <code>string</code>;
- favIcon?: <code>string</code>;
- children?: <code>React.ReactNode</code>;


## Whats changed in 2.0.0?

- DefaultHelmet has changed name to BetterHelmet
- Small performance updates to the BetterHelmet and made the component less complicated
- Exporting BetterHelmetProps

Note that you can still use the name DefaultHelmet but it will deprecate in the next version