npmpackage.info

Gathering detailed insights and metrics for vue-apollo-decorators

Other packages similar to vue-apollo-decorators

@vue/apollo-option

4.2.0

Use Apollo and GraphQL with Vue.js using the `apollo` option

@vue/apollo-composable

4.2.1

Apollo GraphQL for Vue Composition API

@vue/apollo-components

4.0.0

Apollo GraphQL components for Vue.js

vue-apollo

3.1.2

Use Apollo and GraphQL with Vue.js

Gathering detailed insights and metrics for vue-apollo-decorators

vue-apollo-decorators

Use decorators to create Vue Apollo smart queries

2.0.0

ISC

TypeScript

92,097 1.7

Installations

npm install vue-apollo-decorators

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Developer

stefanwimmer128

Developer Guide

BETA

Module System

CommonJS, UMD

Min. Node Version

Typescript Support

Yes

Node Version

NPM Version

Statistics

3 Stars

69 Commits

1 Forks

1 Watching

1 Branches

1 Contributors

Updated on 17 Jan 2022

Languages

TypeScript (88.13%)

JavaScript (11.87%)

Total Downloads

Cumulative downloads

Total Downloads

92,097

Last day

1.6%

Compared to previous day

Last week

-19.7%

351

Compared to previous week

Last month

-3.6%

1,300

Compared to previous month

Last year

-32.8%

21,413

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

Vue Apollo Decorators

Use decorators to create Vue Apollo smart queries

Documentation

Install

1yarn add vue-apollo-decorators
2npm i vue-apollo-decorators

1<script src="https://unpkg.com/vue-apollo-decorators@2.0.0"></script>

Usage

There is currently 1 decorator.

@SmartQuery
@SubscribeToMore

`@SmartQuery(options: DocumentNode | VueApolloQueryDefinition)` decorator

1import gql from "graphql-tag";
2import { SmartQuery } from "vue-apollo-decorator";
3import { Vue, Component } from "vue-property-decorator";
4
5@Component
6export default class YourComponent extends Vue {
7    @SmartQuery<YourComponent, Todo.Query, Todo.Variables>({
8        query: gql`
9            query Todo($id: String!) {
10                todo(id: $id) {
11                    id
12                    title
13                }
14            }
15        `,
16        variables() {
17            return {
18                id: this.id,
19            };
20        },
21    })
22    todo: Todo;
23    
24    id: number = 0;
25}

is equivalent to

1export default {
2    apollo: {
3        todo: {
4            query: gql`
5                query Todo($id: String!) {
6                    todo(id: $id) {
7                        id
8                        title
9                    }
10                }
11            `,
12            variables() {
13                return {
14                    id: this.id,
15                };
16            },
17        },
18    },
19};

`@SubscribeToMore(options: SubscribeToMoreOptions)` decorator

1import gql from "graphql-tag";
2import { SmartQuery, SubscribeToMore } from "vue-apollo-decorator";
3import { Vue, Component } from "vue-property-decorator";
4
5@Component
6export default class YourComponent extends Vue {
7    @SmartQuery(gql`{ todos { id, title } }`) todo: Todo;
8    @SubscribeToMore({
9        document: gql`
10            subscription TodoSubscription {
11                todo {
12                    id,
13                    title,
14                }
15            }
16        `,
17        updateQuery(prevData, { subscriptionData }) {
18            return [...prevData, ...subscriptionData];
19        },
20    })
21    todos: Todo;
22}

is equivalent to

1export default {
2    apollo: {
3        todos: {
4            query: gql`{ todos { id, title } }`,
5            subscribeToMore: [
6                {
7                    document: gql`
8                        subscription TodoSubscription {
9                            todo {
10                                id
11                                title
12                            }
13                        }
14                    `,
15                    updateQuery(prevData, { subscriptionData }) {
16                        return [...prevData, ...subscriptionData];
17                    },
18                },
19            ],
20        },
21    },
22};

License

ISC License

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to vue-apollo-decorators

Other packages similar to vue-apollo-decorators

vue-apollo-decorators

Installations

Pull Requests

0

0

0

Issues

0

0

0

Releases

Unable to fetch releases

Developer

Developer Guide

CommonJS, UMD

Yes

Statistics

Languages

Total Downloads

92,097

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

Vue Apollo Decorators

Install

Usage

@SmartQuery(options: DocumentNode | VueApolloQueryDefinition) decorator

@SubscribeToMore(options: SubscribeToMoreOptions) decorator

License

10

10

0

0

0

0

0

0

0

0

1.7

/10

`@SmartQuery(options: DocumentNode | VueApolloQueryDefinition)` decorator

`@SubscribeToMore(options: SubscribeToMoreOptions)` decorator