open-index/open-npm huggingface dataset:
npm package: @gnuhost/euronodes-vue3-core
Description: Euronodes Common / Shared Components, Utilities, etc.
Author: Adam A.
Latest version: 1.0.13

Euronodes Core Vue3 Library

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Plugins

[yalc](https://github.com/wclr/yalc)   
acts as very simple local repository for your locally developed packages that you want to share across your local environment.
see documentation for how to use it.

## Depenencies
gnuhost-vue3-core : Gnuhost Core Vue3 Library

## Contents
```markdown
.
├── index/
│   └── CoreConfig
├── locales/
│   ├── i18n
├── models/
│   └── custom-types
├── services/
│   └── api-service
│   └── api-service-endpoints
├── stores/
│   └── auth-store
└── vue-components/
    ├── LocaleChanger
    └── TopNavComponent
```
npm package: @gnuhost/gnuhost-vue3-core
Description: Gnuhost Common / Shared Components, Utilities, etc.
Author: Adam A.
Latest version: 1.0.16

Gnuhost Core Vue3 Library

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Plugins

[yalc](https://github.com/wclr/yalc)   
acts as very simple local repository for your locally developed packages that you want to share across your local environment.
see documentation for how to use it.

## Contents
```markdown
.
├── index/
│   └── Constants
├── extensions/
│   ├── pagination-extensions
│   └── primevue-data-table-extensions
├── locales/
│   └── i18n-validators
├── models/
│   └── global-types
├── services/
│   └── cache-service
├── utils/
│   ├── array-utils
│   ├── clipboard-utils
│   ├── date-utils
│   ├── exception-utils
│   ├── file-utils
│   ├── misc-utils
│   ├── number-utils
│   ├── text-utils
│   └── vue-router-utils
├── styles/
│   ├── bootstrap.scss
│   ├── primevue.scss
│   └── scrollbars.scss
└── vue-components/
    ├── CountryMultiSelector
    ├── CountrySelector
    ├── LoadingPleaseWaitComponent
    ├── PhoneInput
    ├── SaveButton
    └── ThemeChanger
```
npm package: @gnuion/component-library
Description: This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Author: Jon Zuka
Latest version: 0.0.2

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support For `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
npm package: @gnunesco/nunote-react
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 1.0.1

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...

      // Remove tseslint.configs.recommended and replace with this
      ...tseslint.configs.recommendedTypeChecked,
      // Alternatively, use this for stricter rules
      ...tseslint.configs.strictTypeChecked,
      // Optionally, add this for stylistic rules
      ...tseslint.configs.stylisticTypeChecked,

      // Other configs...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Other configs...
      // Enable lint rules for React
      reactX.configs['recommended-typescript'],
      // Enable lint rules for React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // other options...
    },
  },
])
```
npm package: @gnurub/ngx-qrcode
Description: Angular QR Code Generator
Author: Ruben Cid Lara
Latest version: 1.1.0

# @gnurub/ngx-qrcode 🎨

This is a simple Angular +18 component to generate moderns QR codes.
Based on [react-native-qrcode-skia](https://github.com/enzomanuelmangano/react-native-qrcode-skia) library.

## Requirements

- Angular ^18

## Installation

```sh
npm i -S @gnurub/ngx-qrcode
```

or

```sh
ng add @gnurub/ngx-qrcode
```

## Usage

You might need a very simple QRCode component in your app and you can achieve that by using the basic props (value and size). Here is an example:

```tsx
import { QRCodeComponent } from "@gnurub/ngx-qrcode";

@Component({
  selector: "app-root",
  imports: [QRCodeComponent],
  template: ` <ngx-qrcode [value]="'https://example.com'"></ngx-qrcode> `,
})
export class AppComponent {}
```

With Logo

```tsx
import { QRCodeComponent, QRLogoDirective } from "@gnurub/ngx-qrcode";

@Component({
  selector: "app-root",
  imports: [QRCodeComponent, QRLogoDirective],
  template: ` <ngx-qrcode [value]="'https://example.com'"><svg qrLogo>...</svg> | <img qrLogo /></ngx-qrcode> `,
})
export class AppComponent {}
```

## Props QRCodeComponent

- `value` (string) - The value encoded in the QRCode.

- `errorCorrectionLevel` (ErrorCorrectionLevelType, optional) - The error correction level for the QRCode. Level L: 7%, level M: 15%, level Q: 25%, level H: 30%. Default value is 'H'.

- `strokeWidth` (number, optional) - The percentage of the strokeWidth (0 to 1). Default value is 1.

- `pathStyle` ('fill' | 'stroke', optional) - The style of the QRCode path: 'fill' or 'stroke'. Default value is 'stroke'.

- `padding` (number, optional) - The padding applied around the QRCode. Default value is 0.

- `size` (number) - The size of the QRCode.

- `shape` (Shape, optional) - The shape of the QR code elements. Can be 'square', 'circle', 'rounded', 'diamond', 'triangle', or 'star'. Default is 'rounded'.

- `gap` (number, optional) - The gap between QR code elements. Default is 0.

- `eyeShape` (Shape, optional) - The shape of the eye patterns. Can be 'square', 'circle', 'rounded', 'diamond', 'triangle', or 'star'. Default is 'rounded'.

- `eyeGap` (number, optional) - The gap in the eye patterns. Default is 0.

## Props QRLogoDirective

- `logoAreaSize` (number, optional) - The size of the logo area within the QRCode.

## License

MIT

---