open-index/open-npm huggingface dataset:
npm package: @nate-kelley-fashionphile/vue2-common
Description: A demo project for fashionphile to showcase a common component library for Vue2
Latest version: 0.0.13

# Description

A demo project for fashionphile to showcase a common component library for Vue2

# How to Use

## Tree Shaking

```
<template>
  <div class="hello-world">
    <AppButton text="Howdy" />
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { AppButton } from "@nate-kelley-fashionphile/vue2-common";

@Component({ components: { AppButton } })
export default class HelloWorld extends Vue {
  //
}
</script>
```

## Plugin

```
//main.ts file

import Plugin from "@nate-kelley-fashionphile/vue2-common";

Vue.use(Plugin)
```
npm package: @nate-kelley-fashionphile/vue3-common
Description: A demo project for fashionphile to showcase a common component library for Vue3
Latest version: 0.0.27

# Description

A demo project for fashionphile to showcase a common component library for Vue3

# How to Use

## Class Syntax

```
<script lang="ts">
import { Options, Vue } from "vue-class-component";
import { AppButton } from "@nate-kelley-fashionphile/vue3-common";

@Options({
  components: {
    AppButton,
  },
})
export default class App extends Vue {}
</script>

<template>
  <div>
    <AppButton text="swag" />
  </div>
</template>
```

## Composition Api Syntax

```
<script setup lang="ts">
import { AppButton } from "@nate-kelley-fashionphile/vue3-common";
</script>

<template>
  <div>
    <AppButton text="swag" />
  </div>
</template>
```

## Plugin Syntax

```
//main.ts
import plugin from "@nate-kelley-fashionphile/vue3-common";

const app = createApp(App);

app.use(plugin);

app.mount("#app");
```