open-index/open-npm huggingface dataset:
npm package: @funda-frontend/ui
Description: funda's vue.js components library
Author: funda
Latest version: 1.1.0

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)

# Funda UI component library

This project is currently a work in progress, hence it's barebone's appearance and lack of actual components.
npm package: @funda/browserslist-config
Description: browserlist settings for frontend projects
Author: funda
Latest version: 2.2.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

# Browserslist config for funda projects

This package stores the default configuration for supported browsers for funda projects.

**This projects uses [semantic-release](https://semantic-release.gitbook.io/semantic-release/).** Be meaningful of this when writing commits.

The current selection is based on **> 0.30% in the Netherlands excluding IE 11**. That results at the time of this selection (05/04/2022) in:

* and_chr 100
* and_ff 98
* and_uc 12.12
* chrome 98
* chrome 97
* chrome 96
* chrome 93
* edge 98
* edge 97
* firefox 97
* firefox 96
* ios_saf 15.2-15.3
* ios_saf 15.0-15.1
* ios_saf 14.5-14.8
* ios_saf 14.0-14.4
* opera 83
* safari 15.2-15.3
* safari 15.1
* safari 14.1
* safari 14
* safari 13.1
* samsung 16.0


## Adding to a new project

At the root of your project add a .browserslistrc:

```
extends @funda/browserslist-config
```


If you are updating an existing project don't forget to update your package `db`

```
npx browserslist@latest --update-db
```
## How to push your changes

This repo uses [commitlint](https://github.com/conventional-changelog/commitlint), which means that it follows specific commit message rules.
If the messages are not on the expected format it wont be possible to commit/push your changes.

Example of commit message: 

    'feat(branch_name): commit message' or 'fix(branch_name): commit message'

PS: It is recommended to use the terminal for commit, if you use any GUI it might be necessary to update you local variable PATH on your GUI.
Reference: [Husky issues](https://typicode.github.io/husky/#/?id=command-not-found)*
npm package: @funda/eslint-config
Description: Set of eslint rules used at funda
Author: funda
Latest version: 3.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

# Funda's eslint config

For this to work you need **eslint 8**.

## How to use

### Install

    npm i eslint @funda/eslint-config @nuxtjs/eslint-config @babel/eslint-parser prettier eslint-config-prettier eslint-plugin-prettier --save-dev

### Add this as your config

Create your `.eslintrc.js` file.

```js
module.exports = {
    extends: ['@funda/eslint-config'],
};
```

For more information about the rules and settings we currently have just check the [index.js](index.js) file.

Don't forget about .eslintignore files.

## How to push your changes

This repo follows [semantic versioning](http://semver.org). You should be able to update patch and minor versions without requiring any changes to your code.

This repo uses [commitlint](https://github.com/conventional-changelog/commitlint), which means that it follows specific commit message rules.
If the messages are not on the expected format it wont be possible to commit/push your changes.

Example of commit message:

    'feat(branch_name): commit message' or 'fix(branch_name): commit message'

PS: It is recommended to use the terminal for commit, if you use any GUI it might be necessary to update you local variable PATH on your GUI.
Reference: [Husky issues](https://typicode.github.io/husky/#/?id=command-not-found)
npm package: @funda/tailwind-config
Description: tailwind configuration for funda
Author: funda
Latest version: 7.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Usage

```
npm install @funda/tailwind-config
```

If you want to extend the existing config:

```js
// tailwind.config.js

module.exports = {
  presets: [require("@funda/tailwind-config")],
  theme: {
    extend: {
      padding: {
        37: "2rem",
      },
    },
  },
};
```

If you want to use the config as is:

```js
// tailwind.config.js

module.exports = {
  presets: [require("@funda/tailwind-config")],
};
```

For more information on Tailwind check their [amazing documentation](https://tailwindcss.com/).

## How to push your changes

This repo uses [commitlint](https://github.com/conventional-changelog/commitlint), which means that it follows specific commit message rules.
If the messages are not on the expected format it wont be possible to commit/push your changes.

Example of commit message: 

    'feat(branch_name): commit message' or 'fix(branch_name): commit message'

PS: It is recommended to use the terminal for commit, if you use any GUI it might be necessary to update you local variable PATH on your GUI.
Reference: [Husky issues](https://typicode.github.io/husky/#/?id=command-not-found)
npm package: @funda/ui
Description: funda's vue.js components library
Author: funda
Latest version: 12.2.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

# Funda UI component library

This project is currently a work in progress, you'll find some components but it's incomplete at the moment.

[TailwindCSS](https://tailwindcss.com/) is required.

# Usage

Import in local component:

```js
// MyComponent.vue

import UiButton from '@funda/ui/src/components/ui-button.vue';
```

or

```js
// MyComponent.vue

import { UiButton } from '@funda/ui';
```

If you are using [Nuxt auto import component](https://nuxtjs.org/docs/2.x/directory-structure/components):

```js
// nuxt.config.js

export default {
  ...,
  components: true,
  buildModules: ["@funda/ui/src/nuxt.js"],
  ...
}
```

# Latest

https://funda-frontend.github.io/ui/latest/

# Contributing

## How to push your changes

This repo uses [commitlint](https://github.com/conventional-changelog/commitlint), which means that it follows specific commit message rules.
If the messages are not in the expected format, it won't be possible to commit/push your changes.

Examples of commit messages:

* `feat(branch_name): commit message`
* `fix(branch_name): commit message`

PS: It is recommended to use the terminal for commit, if you use any GUI it might be necessary to update you local variable PATH on your GUI.
Reference: [Husky issues](https://typicode.github.io/husky/#/?id=command-not-found)

## Releasing a new version

This project has GitHub integrations that will automatically increment the package version and generate a changelog entry based on the new commits.
Simply following the commitlint standard and merging your changes into master will release the project.
npm package: @fundamend/components-layout
Description: _components-layout_ is a collection of custom layout components for the [fundamend.dev] ecosystem.
Latest version: 0.0.2

# components-layout

_components-layout_ is a collection of custom layout components for the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/components-layout

... or [yarn], like so:

    yarn add --dev @fundamend/components-layout

## Usage

In your JavaScript, import _components-layout_, like so:

```js
import '@fundamend/components-layout';
```

Now you can use the components in your HTML files, like so:

```html
<fundamend-box> Hello World! </fundamend-box>
```

## License

[MIT]

[MIT]

[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-eslint
Description: _config-eslint_ is a configuration preset for [ESLint] used by the [fundamend.dev] ecosystem.
Latest version: 0.1.1

# config-eslint

_config-eslint_ is a configuration preset for [ESLint] used by the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-eslint

... or [yarn], like so:

    yarn add --dev @fundamend/config-eslint

## Usage

In your [.eslintrc.js], import _config-eslint_ and spread it into the exported object, like so:

```js
const config = require('@fundamend/config-eslint');

module.exports = {
	...config
};
```

You can extend the imported preset by adding additional [configuration options] to the exported configuration object, for example like this:

```js
const config = require('@fundamend/config-eslint');

module.exports = {
	...config,
	rules: {
		'no-console': 1
	}
};
```

Settings that already exist in the configuration preset will be overwritten.

## License

[MIT]

[configuration options]: https://eslint.org/docs/user-guide/configuring
[eslint]: https://eslint.org
[.eslintrc.js]: https://eslint.org/docs/user-guide/configuring#configuration-file-formats
[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-lint-staged
Description: _config-lint-staged_ is a configuration preset for [lint-staged] used by the [fundamend.dev] ecosystem.
Latest version: 0.1.1

# config-lint-staged

_config-lint-staged_ is a configuration preset for [lint-staged] used by the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-lint-staged

... or [yarn], like so:

    yarn add --dev @fundamend/config-lint-staged

## Usage

In your [.lintstagedrc.js], import _config-lint-staged_ and use it in the exported object, like so:

```js
const config = require('@fundamend/config-lint-staged');

module.exports = {
	...config
};
```

You can extend the imported preset by adding additional [configuration options] to the exported configuration object, for example like this:

```js
const config = require('@fundamend/config-lint-staged');

module.exports = {
	...config,
	'*.{js,ts}': 'eslint'
};
```

## License

[MIT]

[configuration options]: https://github.com/okonet/lint-staged#configuration
[fundamend.dev]: https://fundamend.dev
[lint-staged]: https://github.com/okonet/lint-staged
[.lintstagedrc.js]: https://github.com/okonet/lint-staged#configuration
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-prettier
Description: _config-prettier_ is a configuration preset for [Prettier] used by the [fundamend.dev] ecosystem.
Latest version: 0.1.1

# config-prettier

_config-prettier_ is a configuration preset for [Prettier] used by the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-prettier

... or [yarn], like so:

    yarn add --dev @fundamend/config-prettier

## Usage

In your [.prettierrc.js], import _config-prettier_ and spread it into the exported object, like so:

```js
const config = require('@fundamend/config-prettier');

module.exports = {
	...config
};
```

You can extend the imported preset by adding additional [configuration options] to the exported configuration object, for example like this:

```js
const config = require('@fundamend/config-prettier');

module.exports = {
	...config,
	tabWidth: 4
};
```

Settings that already exist in the configuration preset will be overwritten.

## License

[MIT]

[configuration options]: https://prettier.io/docs/en/options.html
[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[prettier]: https://prettier.io/
[.prettierrc.js]: https://prettier.io/docs/en/configuration.html
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-rehype
Description: _config-rehype_ is a configuration preset for [rehype-cli] used by the [fundamend.dev] ecosystem.
Latest version: 0.1.0

# config-rehype

_config-rehype_ is a configuration preset for [rehype-cli] used by the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-rehype

... or [yarn], like so:

    yarn add --dev @fundamend/config-rehype

## Usage

In your [.rehyperc.js], import _config-rehype_ and add it to the plugins array, like so:

```js
const fundamend = require('@fundamend/config-rehype');

const plugins = [fundamend];
const settings = {};

module.exports = {
	plugins: plugins,
	settings: settings,
};
```

You can extend the imported preset by adding additional [plugins] to the plugin array or [configuration options] to the exported settings object, for example like this:

```js
const fundamend = require('@fundamend/config-rehype');
const inlineSVG = require('@jsdevtools/rehype-inline-svg');

const plugins = [fundamend, inlineSVG];
const settings = {};

module.exports = {
	plugins: plugins,
	settings: settings,
};
```

Settings that already exist in the configuration preset will be overwritten.

## License

[MIT]

[configuration options]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[plugins]: https://github.com/rehypejs/rehype/blob/master/doc/plugins.md
[rehype-cli]: https://github.com/rehypejs/rehype/tree/master/packages/rehype-cli
[.rehyperc.js]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-rehype-lint
Description: _config-rehype-lint_ is a configuration preset for [rehype-parse] used by [config-rehype] and the [fundamend.dev] ecosystem.
Latest version: 0.1.0

# config-rehype-lint

_config-rehype-lint_ is a configuration preset for [rehype-parse] used by [config-rehype] and the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-rehype-lint

... or [yarn], like so:

    yarn add --dev @fundamend/config-rehype-lint

## Usage

In your [.rehyperc.js], import _config-rehype-lint_ and add it to the plugins array, like so:

```js
const lint = require('@fundamend/config-rehype-lint');

const plugins = [lint];
const settings = {};

module.exports = {
	plugins: plugins,
	settings: settings,
};
```

## License

[MIT]

[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[config-rehype]: https://github.com/fundamend/config-rehype
[rehype-parse]: https://github.com/rehypejs/rehype/tree/master/packages/rehype-parse
[.rehyperc.js]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-rehype-retext
Description: _config-rehype-retext_ is a configuration preset for [rehype-retext] used by [config-rehype] and the [fundamend.dev] ecosystem.
Latest version: 0.1.0

# config-rehype-retext

_config-rehype-retext_ is a configuration preset for [rehype-retext] used by [config-rehype] and the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-rehype-retext

... or [yarn], like so:

    yarn add --dev @fundamend/config-rehype-retext

## Usage

In your [.rehyperc.js], import _config-rehype-retext_ and add it to the plugins array, like so:

```js
const retext = require('@fundamend/config-rehype-retext');

const plugins = [retext];
const settings = {};

module.exports = {
	plugins: plugins,
	settings: settings,
};
```

## License

[MIT]

[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[config-rehype]: https://github.com/fundamend/config-rehype
[rehype-retext]: https://github.com/rehypejs/rehype-retext
[.rehyperc.js]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-remark
Description: _config-remark_ is a configuration preset for [remark-cli] used by the [fundamend.dev] ecosystem.
Latest version: 0.1.1

# config-remark

_config-remark_ is a configuration preset for [remark-cli] used by the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-remark

... or [yarn], like so:

    yarn add --dev @fundamend/config-remark

## Usage

In your [.remarkrc.js], import _config-remark_ and add it to the plugins array, like so:

```js
const config = require('@fundamend/config-remark');

const plugins = [fundamend];
const settings = {};

module.exports = {
	plugins: plugins,
	settings: settings
};
```

You can extend the imported preset by adding additional [plugins] to the plugin array or [configuration options] to the exported settings object, for example like this:

```js
const config = require('@fundamend/config-remark');
const autolinkHeadings = require('remark-autolink-headings');

const plugins = [fundamend, autolinkHeadings];
const settings = {};

module.exports = {
	plugins: plugins,
	settings: settings
};
```

Settings that already exist in the configuration preset will be overwritten.

## License

[MIT]

[configuration options]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[plugins]: https://github.com/remarkjs/remark/blob/master/doc/plugins.md
[remark-cli]: https://github.com/remarkjs/remark/tree/master/packages/remark-cli
[.remarkrc.js]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-remark-lint
Description: _config-remark-lint_ is a configuration preset for [remark-lint] used by [config-remark] and the [fundamend.dev] ecosystem.
Latest version: 0.1.0

# config-remark-lint

_config-remark-lint_ is a configuration preset for [remark-lint] used by [config-remark] and the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-remark-lint

... or [yarn], like so:

    yarn add --dev @fundamend/config-remark-lint

## Usage

In your [.remarkrc.js], import _config-remark-lint_ and add it to the plugins array, like so:

```js
const lint = require('@fundamend/config-remark-lint');

const plugins = [lint];
const settings = {};

module.exports = {
	plugins: plugins,
	settings: settings,
};
```

## License

[MIT]

[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[config-remark]: https://github.com/fundamend/config-remark
[remark-lint]: https://github.com/remarkjs/remark-lint
[.remarkrc.js]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-remark-retext
Description: _config-remark-retext_ is a configuration preset for [remark-retext] used by [config-remark] and the [fundamend.dev] ecosystem.
Latest version: 0.1.0

# config-remark-retext

_config-remark-retext_ is a configuration preset for [remark-retext] used by [config-remark] and the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-remark-retext

... or [yarn], like so:

    yarn add --dev @fundamend/config-remark-retext

## Usage

In your [.remarkrc.js], import _config-remark-retext_ and add it to the plugins array, like so:

```js
const retext = require('@fundamend/config-remark-retext');

const plugins = [retext];
const settings = {};

module.exports = {
	plugins: plugins,
	settings: settings,
};
```

## License

[MIT]

[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[config-remark]: https://github.com/fundamend/config-remark
[remark-retext]: https://github.com/remarkjs/remark-retext
[.remarkrc.js]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-retext
Description: _config-retext_ is a configuration preset for [retext] and its [plugins] used by [config-rehype-retext], [config-remark-retext], and the [fundamend.dev] ecosystem.
Latest version: 0.1.0

# config-retext

_config-retext_ is a configuration preset for [retext] and its [plugins] used by [config-rehype-retext], [config-remark-retext], and the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-retext

... or [yarn], like so:

    yarn add --dev @fundamend/config-retext

## Usage

In your [.rehyperc.js] or [.remarkrc.js], import [remark-retext] or [rehype-retext] and _config-retext_ and add it to the plugins array, like so:

```js
const retext = require('rehype-retext');
const retextPreset = require('@fundamend/config-retext');

const plugins = [[retext, retextPreset]];
const settings = {};

module.exports = {
	plugins: plugins,
	settings: settings,
};
```

## License

[MIT]

[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[plugins]: https://github.com/retextjs/retext/blob/master/doc/plugins.md
[config-rehype-retext]: https://github.com/fundamend/config-rehype-retext
[config-remark-retext]: https://github.com/fundamend/config-remark-retext
[rehype-retext]: https://github.com/rehypejs/rehype-retext
[remark-retext]: https://github.com/remarkjs/remark-retext
[.rehyperc.js]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[.remarkrc.js]: https://github.com/unifiedjs/unified-engine/blob/master/doc/configure.md
[retext]: https://github.com/retextjs/retext
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-standard-version
Description: _config-standard-version_ is a configuration preset for [Standard Version] used by the [fundamend.dev] ecosystem.
Latest version: 0.1.1

# config-standard-version

_config-standard-version_ is a configuration preset for [Standard Version] used by the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-standard-version

... or [yarn], like so:

    yarn add --dev @fundamend/config-standard-version

## Usage

In your [.versionrc.js], import _config-standard-version_ and spread it into the exported object, like so:

```js
const config = require('@fundamend/config-standard-version');

module.exports = {
	...config
};
```

You can extend the imported preset by adding additional [configuration options] to the exported configuration object, for example like this:

```js
const config = require('@fundamend/config-standard-version');

module.exports = {
	...config,
	dryRun: true
};
```

Settings that already exist in the configuration preset will be overwritten.

## License

[MIT]

[.versionrc.js]: https://github.com/conventional-changelog/standard-version#configuration
[configuration options]: https://github.com/conventional-changelog/standard-version#code-usage
[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[standard version]: https://github.com/conventional-changelog/standard-version
[yarn]: https://yarnpkg.com/
npm package: @fundamend/config-stylelint
Description: _config-stylelint_ is a configuration preset for [stylelint] used by the [fundamend.dev] ecosystem.
Latest version: 0.1.1

# config-stylelint

_config-stylelint_ is a configuration preset for [stylelint] used by the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/config-stylelint

... or [yarn], like so:

    yarn add --dev @fundamend/config-stylelint

## Usage

In your [.stylelintrc.js], import _config-stylelint_ and spread it into the exported object, like so:

```js
const fundamend = require('@fundamend/config-stylelint');

module.exports = {
	...fundamend
};
```

You can extend the imported preset by adding additional [configuration options] to the exported configuration object, for example like this:

```js
const fundamend = require('@fundamend/config-stylelint');

module.exports = {
	...fundamend,
	rules: {
		'color-hex-case': 'upper'
	}
};
```

Settings that already exist in the configuration preset will be overwritten.

## License

[MIT]

[configuration options]: https://stylelint.io/user-guide/rules/list
[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[stylelint]: https://stylelint.io/
[.stylelintrc.js]: https://stylelint.io/user-guide/configure
[yarn]: https://yarnpkg.com/
npm package: @fundamend/css
Description: _fundamend.css_ is a CSS framework used by the [fundamend.dev] ecosystem.
Latest version: 0.0.1

# fundamend.css

_fundamend.css_ is a CSS framework used by the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/css

... or [yarn], like so:

    yarn add --dev @fundamend/css

## Usage

In your stylesheet, import _fundamend.css_, like so:

```css
@import '@fundamend/css';
```

## License

[MIT]

[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[yarn]: https://yarnpkg.com/
npm package: @fundamend/css-theme-playful
Description: _css-theme-playful_ is a CSS the for [fundamend.css] and part of the [fundamend.dev] ecosystem.
Latest version: 0.0.1

# css-theme-playful

_css-theme-playful_ is a CSS the for [fundamend.css] and part of the [fundamend.dev] ecosystem.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/css-theme-playful

... or [yarn], like so:

    yarn add --dev @fundamend/css-theme-playful

## Usage

In your stylesheet, import _css-theme-playful_ after _fundamend.css_, like so:

```css
@import '@fundamend/css';
@import '@fundamend/css-theme-playful';
```

## License

[MIT]

[fundamend.css]: https://fundamend.dev/css
[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[yarn]: https://yarnpkg.com/
npm package: @fundamend/pages-plugin-verify-jwt
Description: _pages-plugin-verify-jwt_ is a [Cloudflare Pages plugin] used by the [fundamend.dev] ecosystem. It offers a [middleware] for verifying [JWT]s with a verification key.
Latest version: 0.0.7

# pages-plugin-verify-jwt

_pages-plugin-verify-jwt_ is a [Cloudflare Pages plugin] used by the [fundamend.dev] ecosystem.
It offers a [middleware] for verifying [JWT]s with a verification key.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save @fundamend/pages-plugin-verify-jwt

... or [yarn], like so:

    yarn add @fundamend/pages-plugin-verify-jwt

## Usage

Add a `_middleware.js` file where you want to verify JWTs, import _pages-plugin-verify-jwt_ and call it on a request, like so:

```js
import verifyJWTPlugin from "@fundamend/pages-plugin-verify-jwt";

export const onRequest = verifyJWTPlugin();
```

The plugin expects an environment variable of the name `JWT_VERIFICATION_KEY` to be set in Cloudflare.
Create this variable in the Cloudflare Dashboard or with wrangler (for local testing use a `.dev.vars` file) and set it to the verification key of your JWT token.

The plugin will be executed on every request inside the `_middleware.js` file's path.
If the JWT verifies with the `JWT_VERIFICATION_KEY`, it calls the next Cloudflare Pages function or middleware.
If not, it returns a `401 - Unauthorized` response.

## License

[MIT]

[cloudflare pages plugin]: https://developers.cloudflare.com/pages/platform/functions/plugins/
[fundamend.dev]: https://fundamend.dev
[jwt]: https://jwt.io/
[middleware]: https://developers.cloudflare.com/pages/platform/functions/#adding-middleware
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[yarn]: https://yarnpkg.com/
npm package: @fundamend/plugin-vitest-easy-snapshot
Description: _plugin-vitest-easy-snapshot_ is a helper module for [vitest] used by the [fundamend.dev] ecosystem. It allows you to easily take file and image snapshots of any number of HTML elements on a page.
Latest version: 0.0.2

# @fundamend/plugin-vitest-easy-snapshot

_plugin-vitest-easy-snapshot_ is a helper module for [vitest] used by the [fundamend.dev] ecosystem.
It allows you to easily take file and image snapshots of any number of HTML elements on a page.

## Installation

Use your favorite Node.js package manager, for example [npm], like so:

    npm install --save-dev @fundamend/plugin-vitest-easy-snapshot

... or [yarn], like so:

    yarn add --dev @fundamend/plugin-vitest-easy-snapshot

## Usage

In your `test.js`, import _plugin-vitest-easy-snapshot_ and capture snapshots of any number of elements, like so:

```js
import run from '@fundamend/plugin-vitest-easy-snapshot';

run({
	url: 'http://localhost:1234',
	elements: [
		'data-test-id-1',
		'data-test-id-2',
		'data-test-id-3'
	]
});
```

- `url` is the URL of the server, where the page you want to test can be reached.
- `elements` is an array of HTML elements for which you want to generate file and image snapshots.

## License

[MIT]

[vitest]: https://vitest.dev/
[fundamend.dev]: https://fundamend.dev
[mit]: https://choosealicense.com/licenses/mit/
[npm]: https://www.npmjs.com/
[yarn]: https://yarnpkg.com/