knowscount / vue-lib Goto Github PK

View Code? Open in Web Editor NEW

9.0 2.0 1.0 396 KB

💝 fun vue component library for my own use.

Home Page: https://csb-rr7eq-knowscount.vercel.app

License: Do What The F*ck You Want To Public License

JavaScript 12.43% Vue 87.57%

vue lib library component component-library codepen vuejs vuejs2

vue-lib's Introduction

@knowscount/vue-lib

vue component library containing fun stuff.

📌 to-dos

marked in issues.

🤤 usage

see #3.

to install the library, run

npm install --save @knowscount/vue-lib

you can choose to import the entire library, or use a slightly different syntax to import individual components:

// Import and register entire library
import VueLib from '@knowscount/vue-lib';
Vue.use(VueLib);

// Import and register globally individual components from the library
import { FooComponent, FooComponent2 } from '@knowscount/vue-lib';
Vue.component('FooComponent', FooComponent);
Vue.component('FooComponent2', FooComponent2);

// Import and register locally individual components from the library
import { FooComponent, FooComponent2 } from '@knowscount/vue-lib';

export default {
  name: 'SomeParentComponent',
  components: {
    FooComponent,
    FooComponent2,
  }
  ...
}

🙋‍♂️ contributing

please read CONTRIBUTING.md.

🛠 project setup

npm install

🔨 compiles and hot-reloads for development

npm run serve

📦 compiles and minifies for production

npm run build

🔧 customize configuration

see configuration reference.

vue-lib's People

Contributors

Stargazers

Watchers

Forkers

eamonyym

vue-lib's Issues

add to cart

tbd

https://codepen.io/aaroniker/pen/pogGgbx

paperplane-button having weird black shade at the left side

as mentioned, paperplane-button having weird black shade at the left side

cannot import new components

as mentioned in the title.

animation does not function properly

the entire input box gets cleared when you hit clear.

documentation

a documentation for users is needed.

using it in another project

to add vue-lib component library I ran

npm install --save @knowscount/vue-lib

and then placed <InputBox /> & import InputBox from '@knowscount/vue-lib, registering the component, yet the page went blank and the folioing error was reported in the console:

[Vue warn]: Error in render: "TypeError: Vue.component is not a function"

found in

---> <App> at src/App.vue
       <Root>
warn @ vue.runtime.esm.js?2b0e:619

and also

vue.runtime.esm.js?2b0e:1888 TypeError: Vue.component is not a function
    at eval (vue-lib.esm.js?ca34:5655)
    at Array.forEach (<anonymous>)
    at installVueLib (vue-lib.esm.js?ca34:5654)
    at resolveAsyncComponent (vue.runtime.esm.js?2b0e:3686)
    at createComponent (vue.runtime.esm.js?2b0e:3200)
    at _createElement (vue.runtime.esm.js?2b0e:3422)
    at createElement (vue.runtime.esm.js?2b0e:3353)
    at vm._c (vue.runtime.esm.js?2b0e:3491)
    at Proxy.render (App.vue?6ad7:13)
    at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:3548)
logError @ vue.runtime.esm.js?2b0e:1888