A Vue.js plugin to show comments related to an identifier

Overview

vue-comments by 3YOURMIND

A Vue.js plugin to show comments related to an identifier. This identifier is called projectId internally but since this component is written with a dynamic mindset you can provide your own actions to deal with CRUD operations on comments.

badge of license badge of pull request welcome badge of hiring advertisement of 3yourmind badge of github star

Dependencies

npm production dependencies
Dependency Version
vue-clickaway ^2.1.0
vuex ^3.0.1

npm development dependencies
Dependency Version
node-sass ^4.7.2
poi ^9.5.5
sass-loader ^6.0.6
vue-clickaway ^2.1.0
vuex ^3.0.1

Motivation

This project was created since the 3YOURMIND 3D printing platform needed a commenting system for the 3D projects. Since the commenting system is used by two different applications now, the team decided to share the component and open source it 🤘

License

vue-comments is released under the MIT License.

Comments
  • Extract instance variables

    Extract instance variables

    Instead of having vue instance variables use them via a prop of the main component.

    Right now the mounted function of the CommentContainer.vue is accessing those variables directly and instead it should be given as a prop to this component so it does not rely on global scope.

    this.$store.dispatch('ADD_USER_DATA', this.$djangoContext);
    this.$store.dispatch('ADD_PROJECT_DATA', this.$projectData);
    

    Examine what is inside those objects and abstract it away.

    bug 
    opened by igeligel 0
  • Remove Vuex

    Remove Vuex

    This component should be usable without vuex since it just makes things more complicated.

    It should rather provide a normal interface in the parent component via Vue.js events to communicate with outer components,

    opened by igeligel 0
  • Improve CommentEditOptionBar

    Improve CommentEditOptionBar

    When triggering events but the loading state is reached of this component, it should not emit any events to the parent component. This should be done inside the component instead of shifting the logic for this outside.

    methods: {
      saveEditText() {
        this.$emit('comment-edit-option-bar-save-edit-text');
      },
      cancelEditText() {
        this.$emit('comment-edit-option-bar-cancel-edit-text');
      },
    }
    
    enhancement 
    opened by igeligel 0
  • Include textarea autosize

    Include textarea autosize

    This should be included by default and should not be a dependency given by the project which is using the library.

    vue.esm.js?efeb:574 [Vue warn]: Failed to resolve directive: autosize
    
    (found in <VcoTextarea>)
    

    Install the directive.

    bug 
    opened by igeligel 0
  • Write proper readme

    Write proper readme

    Readme should consist out of:

    • [x] Title
    • [ ] Logo
    • [x] Description
    • [x] Badges
    • [ ] Showcase/Architecture
    • [ ] Installation (Production and development)
    • [ ] How to use (refer to installation)
    • [ ] Examples
    • [x] Dependencies
    • [ ] Contributing
    • [ ] Testing
    • [x] Motivation
    • [ ] Contact
    • [ ] Contributors
    • [x] License
    documentation 
    opened by igeligel 0
Releases(v0.0.1-beta.5)
  • v0.0.1-beta.5(Jan 2, 2018)

    ❗️Bug fixes/Changes

    • Renamed component name b1ba1093df08e08977473a523745b41ce6115db0 (just seen in development)

    ♻️ Build/Dependencies

    • Set required Node.js version to 6 b7a385a7a11a59863a9d4fee7bac17e38e2d1ede
    • Add prettier cbd019656f7b33b309ba621d3dd861dc68908c82
    • upgrade nvm file 3c53aded629c7100f15f4d129ab38baf3287a64a
    • upgrade development requirements 4c8560c9668f9f5c7a8407ba193a3e6496bc5ae9
    Source code(tar.gz)
    Source code(zip)
  • v0.0.1-beta.4(Dec 27, 2017)

    ❗️Bug fixes

    • Fixed that store gets attached multiple times 03ea92fe2a89246aca552e0cd11726b96f83412f

    ♻️ Build/Dependencies

    • Upgrade version of some dependencies
    • Wrote a hell lot of unit tests
    • Integrated travis ci
    • added storybook

    Mostly internal changes.

    Source code(tar.gz)
    Source code(zip)
  • v0.0.1-beta.3(Dec 13, 2017)

    ❗️Bug fixes

    • Fixed styling for some parts in the component 251d6c1dffc14f9eafd8f8b6b7d77a74712872fe

    ♻️ Build/Dependencies

    • Upgrade version of some dependencies 989f34f0b69003e072f169f6d69b2081793b23af
    Source code(tar.gz)
    Source code(zip)
  • v0.0.1-beta.2(Dec 8, 2017)

    Component is mainly usable now by everything.

    Features included:

    • simple vue component to install
    • define custom action to do basic CRUD operations, so it is fully customizable for the developer
    • bind actions to a root id and do simple user authentication
    • full i18n support by giving a dictionary of strings and functions to the component for customization, i think i18n should be controlled by the application you have created and should not be dependent on the authors effort
    Source code(tar.gz)
    Source code(zip)
Owner
3YOURMIND
We rely on Open Source to build platforms for 3D printing!
3YOURMIND
Vue.js 2.x plugin that helps to use id-related attributes with no side-effect

VueUniqIds A Vue.js plugin that helps to use id-related attributes with no side-effect It is a trend to use components. Components are cool, they are

Stanislav Termosa 33 Oct 6, 2022
This website related to Geometry Dash was made for the members of the discord "The Lads Private Server".

This website related to Geometry Dash was made for the members of the discord "The Lads Private Server". It's not intended to be useful for the community.

Kévin Brèthes 1 May 27, 2022
A Vue component to show status indicator as colored dots.

Status Indicator · A Vue component to show a status indicator as colored dots. This is a fork of status-indicator with a few changes for use it with V

Javier Diaz Chamorro 159 Sep 25, 2022
Demo vue.js app to show Alchemy NFT API

A simple vue.js app made to play with Alchemy API

FranPandol 1 Aug 2, 2022
A simple component that truncates your text and adds a 'Read More/Show Less' clickable.

vue-truncate-collapsed A simple Vue 2 Component that's truncate your text and adds a "Read Me/Show Less" clickable. Getting Started NPM $ npm install

Johnny Cavalcante 106 Feb 5, 2022
👋 Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection and on creation. Good for GDPR requirements.

vue-cookie-accept-decline Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an ev

Promosis, Inc. 120 Sep 28, 2022
Minimal project to show the linting error when accessing data from computed property (vetur + ts)

Minimal project to show the linting error when accessing data from computed property (vetur + ts)

Kirian Guiller 0 Jan 2, 2022
A Webpage build with Nuxtjs and Vuetify to easily show and switch between multiple OpenAPI descriptions

OpenAPI Viewer This repo contains a Webpage build with Nuxtjs and Vuetify to easily show and switch between multiple OpenAPI descriptions. The data co

null 2 Sep 1, 2022
A Vue.js plugin to workaround Vue limitation in observing dynamically added properties with v-model directive.

vue-model-autoset A Vue.js plugin to workaround Vue limitation in observing dynamically added properties with v-model directive. Imagine a huge form w

Konstantin 18 Jul 30, 2020
💬 Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication. https://tugayyaldiz.github.io/vue-comment-grid

Vue.js Comment Grid Table of Contents Introduction Installation Downloading Plugin Dependencies Include Plugin Creating Firebase Project Setting Up Si

Tugay Yaldız 155 Nov 24, 2022
Vue3 plugin for work with local storage and session storage from Vue context,Inspired by Vue-ls

Vue3 plugin for work with local storage and session storage from Vue context,Inspired by Vue-ls

aesoper 16 Nov 24, 2022
Vue-slot-portal - Vue plugin for across-component slot distribution

vue-slot-portal Vue plugin for across-component slot distribution. install npm i vue-slot-portal usage define slot routes (key: slotName, value: compo

An Yan 2 Apr 13, 2022
Simple portal vue cli plugin, done by rewriting vue files

vue-cli-plugin-portal Simple portal vue cli plugin, done by rewriting vue files Installation: vue add vue-cli-plugin-portal Or through vue ui, search

jarek 0 Mar 30, 2020
🍪 👮 Hackable EU Cookie Law Plugin for Vue.js

?? ?? Vue Cookie Law EU Cookie Law Plugin for Vue.js ?? Demo ?? Install yarn add vue-cookie-law ?? Usage <template> <footer> <cookie-law theme="

Jakub 372 Nov 24, 2022
A Vue.js plugin that affixes an element on the window while scrolling based on a relative element

Affixes an element on the screen based on a relative element Unlike other plugins, this Vue 2 component will make it easy to affix any element while s

Mauricio Farias Dziedzinski 402 Nov 20, 2022
A Vue.js browser-update plugin

x-browser-update A Vue.js browser-update plugin. Example # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev Usa

葡萄干@吐鲁番 25 Jan 19, 2022
Barcode Scanner Plugin for Vue.js

Vue Barcode Scanner Barcode Scanner Plugin for Vue.js Features Usually in the market have a lot of barcode scanner. So we need to handle a lot of thin

noomerZx 136 Nov 8, 2022
A plugin for formatting currency for different countries in Vue

v-currency A plugin for formatting currency in Vue.js Usage Vue.use(Currency, { "type": "USD", "thousandSeparator": true, }); In order to use i

Brian Greig 25 Oct 20, 2022
Vue event bus plugin listening for online/offline changes

vue-connection-listener Vue event bus plugin listening for online/offline changes About Whenever the navigator's connection status changes a 'connecti

Byteboomers 86 Sep 5, 2022