open-index/open-npm huggingface dataset:
npm package: @mentorly/react-intercom-hook
Description: React hook for Intercom.io
Author: Ian White
Latest version: 3.0.2

# react-intercom-hook

Easy to use [React Hook](https://reactjs.org/docs/hooks-intro.html) for [Intercom](https://www.intercom.com/).

![NPM Publish](https://github.com/reclaim-ai/react-intercom-hook/workflows/NPM%20Publish/badge.svg)

## Features

* No need to mess with `index.html`, the Intercom script snippet is injected automatically
* Configurable in React, defaults to global window settings
* Automatically reboots when app id or user changes
* Exposes the standard [Intercom Javascript API](https://developers.intercom.com/installing-intercom/docs/intercom-javascript)
* Full Typescript definitions

## Install
```bash
# npm
$ npm install @reclaim-ai/react-intercom-hook

# yarn
$ yarn add @reclaim-ai/react-intercom-hook
```

## Quickstart

1. **Initialize Intercom by passing in settings somewhere near the root of your app, usually `App.tsx` or `App.jsx`.**

```typescript
// App.tsx

import React from 'react';
import useIntercom from '@reclaim-ai/react-intercom-hook';

const App: React.FC = () => {
  // Configure and initialize Intercom by passing a settings argument
  const intercom = useIntercom({
    app_id: INTERCOM_APP_ID,  // app_id is required
    // ...                       all other settings are optional
  });

  return (
    // ...
  );
}
```

2. **Include without arguments in any child component to interact with Intercom.**

```typescript
// AppRouter.tsx

import React, { useEffect } from 'react';
import useIntercom from '@reclaim-ai/react-intercom-hook';
import { BrowserRouter as Router, useLocation } from "react-router-dom";

const AppRouter: React.FC = () => {
  // Call with no arguments to get the current instance of Intercom
  const intercom = useIntercom();
  const location = useLocation();

  useEffect(() => {
      // Track route changes
      intercom('update');
  }, [intercom, location]);

  return (
    // ...
  );
}
```
npm package: @mentormate/create-vue
Description: 🛠️ Extended way to start a Vite-powered Vue project
Author: MentorMate
Latest version: 1.0.0

# @mentormate/create-vue

![npm package](https://badgen.net/npm/v/create-vue)
![node compatibility](https://img.shields.io/node/v/%40mentormate%2Fcreate-vue)
![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)
![CodeQL friendly](https://github.com/MentorMate/create-vue/actions/workflows/github-code-scanning/codeql/badge.svg)
![Publish Package](https://github.com/MentorMate/create-vue/actions/workflows/npm-publish-package.yml/badge.svg)
![CI Badge](https://github.com/MentorMate/create-vue/actions/workflows/ci.yml/badge.svg)

<img width="787" alt="Screenshot 2024-03-12 at 12 18 48" src="https://github.com/MentorMate/create-vue/assets/69005114/b11b0314-c159-40c7-a5e8-3afd783d49c6">


[Key Features](#key-features) • [Contribute](#contributing) • [Other cool projects](#other-cool-projects) • [License](#license)

This is a clone of the [create-vue](https://github.com/vuejs/create-vue), where we are extending its existing functionality while keeping it up to date with the original repository. Feel free to contribute and help make this project even better!

To run the project, just run the command in the terminal:

```bash
npx @mentormate/create-vue@latest
```

## Key Features

Includes essential tools like Prettier, ESLint, and Husky to enforce code formatting, style consistency, and pre-commit hooks, as well as predefined VSCode settings and extensions, ensuring a streamlined and standardized Vue.js development experience within our organizations ESP.

- All supported official create-vue features
- [VueUse](https://vueuse.org/) - Collection of Essential Vue Composition Utilities
- [Vue I18n](https://vue-i18n.intlify.dev/) - Internationalization plugin for Vue.js
- [StoryBook](https://storybook.js.org/) - Frontend workshop for building UI components and pages in isolation
- [SonarQube](https://www.sonarsource.com/products/sonarqube/) - The code quality tool for better code
- [Husky](https://typicode.github.io/husky/) - Modern native git hooks made easy
- [TanStack Query](https://tanstack.com/query/latest) - Powerful asynchronous state management
- [TailwindCSS](https://tailwindcss.com) - An API for your design system
- Please submit an <a href="https://github.com/MentorMate/create-vue/issues">issue</a> if you would like to see other features to be supported

## Contributing

1. [How to get started](https://github.com/MentorMate/create-vue/wiki/Getting-Started)
2. [Contribution guide](https://github.com/MentorMate/create-vue/wiki/Contribution)
3. [How to publish the package](https://github.com/MentorMate/create-vue/wiki/Contribution")
4. [Semantic versioning](https://github.com/MentorMate/create-vue/wiki/Semantic-versioning)

## Other cool projects

- [Node.js CLI](https://github.com/MentorMate/node-project-cli)
- [React Native CLI](https://github.com/MentorMate/rn-bootstrap)

## License

MIT