open-index/open-npm huggingface dataset:
npm package: @nuxt/theme
Description: [![npm version][npm-v-src]][npm-v-href] [![npm downloads][npm-d-src]][npm-d-href] [![ci][ci-src]][ci-href]
Latest version: 0.0.2

# `@nuxt/theme`

[![npm version][npm-v-src]][npm-v-href]
[![npm downloads][npm-d-src]][npm-d-href]
[![ci][ci-src]][ci-href]

Add theme/extends support to Nuxt 2 projects!

## Features

- Forward compatible with Nuxt 3 multi Apps
- Support nested `extends`
- Smartly merge config and hooks
- Allow theme development to be like a normal nuxt project

## Usage

### Common Setup

Install `@nuxt/theme` as a dependency:

```sh
# yarn
yarn add @nuxt/theme

# npm
npm i @nuxt/theme
```

Update `nuxt.config` file:

```js
import { resolveConfig } from '@nuxt/theme'

export default resolveConfig({
  // Your actual Nuxt configuration
})
```

### Theme Consumer

Use `extends` key in `nuxt.config`:

```js
import { resolveConfig } from '@nuxt/theme'

export default resolveConfig({
  extends: '@nuxt/docs-theme',
})
```

### Theme Author

1. Update `nuxt.config` and ensure required `rootDir` and `name` properties are provided

```js
import { resolveConfig } from '@nuxt/theme'

export default resolveConfig({
  rootDir: __dirname,
  name: 'myTheme',
}
```

**Note:** If you are extending another theme, `rootDir` should be ONLY provided if you want to also extend project.

2. Instead of using `~/` or `@/` aliases, use `~myTheme` or `@myTheme`

## License

MIT. Made with 💖

<!-- Refs -->
[npm-v-src]: https://img.shields.io/npm/v/@nuxt/theme?style=flat-square
[npm-v-href]: https://npmjs.com/package/@nuxt/theme

[npm-d-src]: https://img.shields.io/npm/dm/@nuxt/theme?style=flat-square
[npm-d-href]: https://npmjs.com/package/@nuxt/theme

[ci-src]: https://img.shields.io/github/workflow/status/nuxt/theme/ci/master?style=flat-square
[ci-href]: https://github.com/nuxt/theme/actions?query=workflow%3Aci
npm package: @nuxt/types
Description: Nuxt types
Latest version: 2.18.1

# @nuxt/types

<p align="center">
  <a href="https://npmjs.com/package/@nuxt/types"><img src="https://img.shields.io/npm/v/@nuxt/types.svg?style=flat-square" alt="npm downloads"></a>
  <a href="https://npmjs.com/package/@nuxt/types"><img src="https://img.shields.io/npm/dt/@nuxt/types.svg?style=flat-square" alt="npm version"></a>
  <a href="https://www.npmjs.com/package/@nuxt/types"><img src="https://img.shields.io/npm/l/@nuxt/types.svg?style=flat-square" alt="License"></a>
</p>
npm package: @nuxt/types-edge
Description: Nuxt types
Latest version: 2.18.2-28661769.e265ef3

# @nuxt/types

<p align="center">
  <a href="https://npmjs.com/package/@nuxt/types"><img src="https://img.shields.io/npm/v/@nuxt/types.svg?style=flat-square" alt="npm downloads"></a>
  <a href="https://npmjs.com/package/@nuxt/types"><img src="https://img.shields.io/npm/dt/@nuxt/types.svg?style=flat-square" alt="npm version"></a>
  <a href="https://www.npmjs.com/package/@nuxt/types"><img src="https://img.shields.io/npm/l/@nuxt/types.svg?style=flat-square" alt="License"></a>
</p>
npm package: @nuxt/typescript-build
Description: Nuxt.js TypeScript support
Latest version: 3.0.2

<p align="center">
  <a href="https://npmjs.com/package/@nuxt/typescript-build"><img src="https://img.shields.io/npm/v/@nuxt/typescript-build.svg?style=flat-square" alt="npm downloads"></a>
  <a href="https://npmjs.com/package/@nuxt/typescript-build"><img src="https://img.shields.io/npm/dt/@nuxt/typescript-build.svg?style=flat-square" alt="npm version"></a>
  <a href="https://www.npmjs.com/package/@nuxt/typescript-build"><img src="https://img.shields.io/npm/l/@nuxt/typescript-build.svg?style=flat-square" alt="License"></a>
</p>

# @nuxt/typescript-build

## 📑 License

[MIT License](../../LICENSE)

Copyright (c) Nuxt.js Team
npm package: @nuxt/typescript-runtime
Description: Nuxt.js TypeScript Runtime support
Latest version: 3.0.2

<p align="center">
  <a href="https://npmjs.com/package/@nuxt/typescript-runtime"><img src="https://img.shields.io/npm/v/@nuxt/typescript-runtime.svg?style=flat-square" alt="npm downloads"></a>
  <a href="https://npmjs.com/package/@nuxt/typescript-runtime"><img src="https://img.shields.io/npm/dt/@nuxt/typescript-runtime.svg?style=flat-square" alt="npm version"></a>
  <a href="https://www.npmjs.com/package/@nuxt/typescript-runtime"><img src="https://img.shields.io/npm/l/@nuxt/typescript-runtime.svg?style=flat-square" alt="License"></a>
</p>

# @nuxt/typescript-runtime

## 📑 License

[MIT License](../../LICENSE)

Copyright (c) Nuxt.js Team
npm package: @nuxt/ui-templates
Description: <a href="https://www.npmjs.com/package/@nuxt/ui-templates-edge"><img src="https://flat.badgen.net/npm/v/@nuxt/ui-templates-edge"></a>
Latest version: 1.3.4

# `@nuxt/ui-templates`

<a href="https://www.npmjs.com/package/@nuxt/ui-templates-edge"><img src="https://flat.badgen.net/npm/v/@nuxt/ui-templates-edge"></a>

Pre-compiled html templates for internal pages.

🏀 [Online Playground](https://templates.ui.nuxtjs.org)

# License

<a rel="license" href="http://creativecommons.org/licenses/by-nd/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nd/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Nuxt UI</span> by <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Nuxt Project</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nd/4.0/">Creative Commons Attribution-NoDerivatives 4.0 International License</a>.<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="https://github.com/nuxt/ui" rel="dct:source">https://github.com/nuxt/ui</a>.
npm package: @nuxt/un
Description: ![un](https://user-images.githubusercontent.com/904724/101664001-a16a7980-3a4b-11eb-9801-3c873ed56a51.png)
Latest version: 0.1.1

![un](https://user-images.githubusercontent.com/904724/101664001-a16a7980-3a4b-11eb-9801-3c873ed56a51.png)

# un

Once upon a time, one server was all needed to have a website

And then SPAs<sup>1</sup> moved server code to browser

And then SSR<sup>2</sup> moved browser code to server

And then Workers<sup>3</sup> moved browser/server code to workers

Workers are neither NodeJS with `process` or Browser with `window`

Yet expected to run code that had to work both of them :}

**[1]** Single Page Applications
**[2]**  Server Side Rendering
**[3]**  https://workers.cloudflare.com

## What is un?

un is a collection of modules, polyfills and presets that work perfectly with any Javascript environemnt
including Browsers, Workers, NodeJS or pure JavaScript.

You still need a bundler like [rollup.js](https://rollupjs.org) and un will disapear as soon as is bundled.

The goal is that final bundle works consistent regardless of running context yet not adding excessive polyfills.

## Install

Install un as `devDependency`:

```bash
yarn add --dev @nuxt/un
# or
npm i -D @nuxt/un
```

You can import modules from `@nuxt/un/runtime/`

## Env

```js
import { env, nodeless } from '@nuxt/un'

const { alias, inject } = env(nodeless, {
  alias: {
    // custom aliases
  }
})
```

### Presets

- [node](./src/presets/node.ts)
- [nodeless](./src/presets/nodeless.ts)

## polyfills

- [fetch.node](./src.runtime/polyfill/fetch.node.ts)
- [process](./src.runtime/polyfill/process.ts)

## NodeJS

### `http`

- [IncomingMessage](./src.runtime/node/http/request.ts)
- [ServerResponse](./src.runtime/node/http/request.ts)
- [METHODS](./src.runtime/node/http/consts.ts)
- [STATUS_CODES](./src.runtime/node/http/consts.ts)

### `net`

- [Socket](./src.runtime/node/net/socket.ts)

### `stream`

- [Readable](./src.runtime/node/stream/readable.ts)
- [Writable](./src.runtime/node/stream/writable.ts)

## Mocks

- [proxy](./src.runtime/mock/proxy.ts)
- [empty](./src.runtime/mock/empty.ts)
- [noop](./src.runtime/mock/noop.ts)

## Packages

- [consola](./src.runtime/npm/consola.ts)
- [depd](./src.runtime/npm/depd.ts)
- [mime-db](./src.runtime/npm/mime-db.ts)
- [mime](./src.runtime/npm/mime.ts)
- [debug](./src.runtime/npm/debug.ts)

## License

MIT
npm package: @nuxt3-graphql/codegen
Description: GraphQL Code Generator for Nuxt.js! ⚡️
Author: Pascal Martineau
Latest version: 0.4.0

# @nuxt3-graphql/codegen

[GraphQL Code Generator](https://www.graphql-code-generator.com/) for Nuxt.js! ⚡️

## Features

- Load your codegen config file from the root of your Nuxt3 project
- Generate code from your GraphQL schema and operations on every build and in dev mode

# Install

```bash
yarn add -D @nuxt3-graphql/codegen @graphql-codegen/cli graphql
# npm i -D @nuxt3-graphql/codegen @graphql-codegen/cli graphql
```

Create a [condegen config file](https://www.graphql-code-generator.com/docs/getting-started/codegen-config) either manually or with the wizard:

```bash
yarn graphql-codegen init
```

## Usage

Within your `nuxt.config.js` add the following:

```js
import { defineNuxtConfig } from "nuxt3";

export default defineNuxtConfig({
  buildModules: [
    "@nuxt3-graphql/codegen",
  ],
});
```

This will automativally generate the GraphQL code based on your codegen config file each time Nuxt builds your project (this also works in dev mode).

Refer to the GraphQL Code Generator [documentation](https://www.graphql-code-generator.com/docs/getting-started/index/) for more information.
npm package: @nuxt3-graphql/urql
Description: @urql/vue for Nuxt.js! ⚡️
Author: Pascal Martineau
Latest version: 0.4.0

# @nuxt3-graphql/urql

[@urql/vue](https://formidable.com/open-source/urql/docs/basics/vue/) for Nuxt.js! ⚡️

## Features

- Provide urql client to your application
- Configurable URL in `nuxt.config.ts`
- SSR support with [ssrExchange](https://formidable.com/open-source/urql/docs/advanced/server-side-rendering/#the-ssr-exchange)

# Install

```bash
yarn add -D @nuxt3-graphql/urql @urql/vue graphql
# npm i -D @nuxt3-graphql/urql @urql/vue graphql
```

## Usage

Within your `nuxt.config.js` add the following:

```js
import { defineNuxtConfig } from "nuxt3";

export default defineNuxtConfig({
  buildModules: [
    "@nuxt3-graphql/urql",
  ],
  urql: {
    url: "https://rickandmortyapi.com/graphql/"
  },
});
```

Refer to the `@urql/vue` [documentation](https://formidable.com/open-source/urql/docs/basics/vue/) for more information.

## Roadmap

- [ ] Integration with [GraphQL Code Generator](https://www.graphql-code-generator.com/)
- [ ] Normalized caching with [Graphcache](https://formidable.com/open-source/urql/docs/graphcache/normalized-caching/)
npm package: @nuxt3/graphql-codegen-module
Description: Nuxt module for Graphql code generator
Author: Phil xu
Latest version: 0.0.7

# @nuxt3/graphql-codegen-module

Nuxt3 module for graphql code generator


## Installation

```bash
npm i -D @nuxt3/graphql-codegen-module @graphql-codegen/cli graphql
```
install graphql code generator plugin like @graphql-codegen/typescript @graphql-codegen/typescript-operations @graphql-codegen/typescript-vue-apollo

## Configuration
```js
// nuxt.config.js
import '@nuxt3/graphql-codegen-module' // import to remove config warning, not necessary
export default {
  buildModules: [
    '@nuxt3/graphql-codegen-module'
  ],
  graphqlCodegen: {
  }
}
```

## Usage
write codegen.yml in root folder
For example:
```
schema: generated/schema.graphql
documents: graphql/**/*.graphql
generates:
  generated/schema.d.ts:
    plugins:
      - typescript
  generated/operations.ts:
    config:
      documentMode: documentNode
    plugins:
      - typescript
      - typescript-operations
      - typescript-vue-apollo
```
Code will be generated to generated/operations.ts:
```
// types
// operation code
// like:
/**
 * __useCountryQuery__
 *
 * To run a query within a Vue component, call `useCountryQuery` and pass it any options that fit your needs.
 * When your component renders, `useCountryQuery` returns an object from Apollo Client that contains result, loading and error properties
 * you can use to render your UI.
 *
 * @param options that will be passed into the query, supported options are listed on: https://v4.apollo.vuejs.org/guide-composable/query.html#options;
 *
 * @example
 * const { result, loading, error } = useCountryQuery();
 */
export function useCountryQuery(options: VueApolloComposable.UseQueryOptions<CountryQuery, CountryQueryVariables> | VueCompositionApi.Ref<VueApolloComposable.UseQueryOptions<CountryQuery, CountryQueryVariables>> | ReactiveFunction<VueApolloComposable.UseQueryOptions<CountryQuery, CountryQueryVariables>> = {}) {
  return VueApolloComposable.useQuery<CountryQuery, CountryQueryVariables>(CountryDocument, {}, options);
}
export type CountryQueryCompositionFunctionResult = VueApolloComposable.UseQueryReturn<CountryQuery, CountryQueryVariables>;


```

you can use it with [@nuxt3/apollo-module](https://github.com/newbeea/nuxt3-apollo-module) like this:

```
import { useCountryQuery } from '@/generated/operations'
const { result, loading, error } = await useCountryQuery()

```

## Dev

```
pnpm i
```

```
pnpm run build
```



## License

MIT License © 2021-PRESENT [Phil xu](https://github.com/newbeea)