Home / JavaScript / Vue.js

Vue Storefront integration made for Medusa.js

Vue Storefront 2 integration with Medusa.js To learn how to build your integration, see our Integration guide. How to start if you want to try out the
Information
Category: JavaScript / Vue.js
Watchers: 0
Star: 3
Fork: 0
Last update: Dec 15, 2021
Resource links
https://github.com/vuestorefront-community/medusa
Vue Storefront

Vue Storefront 2 integration with Medusa.js

To learn how to build your integration, see our Integration guide.

How to start if you want to try out the integration

yarn global add @vue-storefront/cli

vsf init <project_name> && cd <project_name> && yarn && yarn dev

How to start if you want to contribute?

Want to contribute? Ping us on medusa channel on our Discord!

Requirements:

  • NodeJS v14 or later

Steps

  1. Fork the repo
  2. Clone your fork of the repo 
    example:
git clone https://github.com/vuestorefront-community/medusa.git
cd medusa
  3. Run yarn to install dependencies
  4. Build dependencies yarn build:api-client && yarn build:composables
  5. Run yarn dev:theme to run theme. You can find other commands in package.json
  • If you need HMR on Api Client/Composables run yarn dev:api-client or yarn dev:composables on a separate terminal window.

Resources

Support

If you have any questions about this integration we will be happy to answer them on medusa channel on our Discord.

Contributors ✨

This project follows the all-contributors specification. Contributions of any kind welcome!

0 Open More issues
Closed

[Bug]: Bug report template does not have correct links for issues and Code of Conduct

Expected Behavior

Links should be correct

Actual Behavior

Links are not correct.

Possible Solution

No response

Steps to reproduce

No response

What version of Medusa.js integration are you using?

0.0.1

What version of Node.js are you using?

16.14.0

What browser (and version) are you using?

chrome

What operating system (and version) are you using?

Windows

Relevant log output

No response

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct
bug 
opened May 1, 2022 by ymaheshwari1 1
Closed

Develop

Description

Related Issue

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

  • [ ] Bug fix (non-breaking change which fixes an issue)
  • [ ] New feature (non-breaking change which adds functionality)
  • [ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • [ ] My code follows the code style of this project.
  • [ ] My change requires a change to the documentation.
  • [ ] I have updated the documentation accordingly.
  • [ ] I have read the CONTRIBUTING document.
  • [ ] I have added tests to cover my changes.
  • [ ] All new and existing tests passed.
opened Dec 31, 2022 by ymaheshwari1 0
Closed

[Bug]: product details not being correctly displayed

Expected Behavior

Wrong product details are dispalyed

Actual Behavior

All the details related to product should be correct.

Possible Solution

No response

Steps to reproduce

No response

What version of Medusa.js integration are you using?

1.0.0

What version of Node.js are you using?

16.13.1

What browser (and version) are you using?

Chrome

What operating system (and version) are you using?

Mac

Relevant log output

No response

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct
bug 
opened Dec 23, 2022 by ymaheshwari1 0
Closed

fix: links in the bug report template

Description

Improved the links in issue template

Related Issue

#5

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

  • [x] Bug fix (non-breaking change which fixes an issue)
  • [ ] New feature (non-breaking change which adds functionality)
  • [ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • [x] My code follows the code style of this project.
  • [ ] My change requires a change to the documentation.
  • [ ] I have updated the documentation accordingly.
  • [x] I have read the CONTRIBUTING document.
  • [x] I have added tests to cover my changes.
  • [x] All new and existing tests passed.
opened May 1, 2022 by ymaheshwari1 0
Closed

Removed: example word from command of cloning repo

Description

Removed example keyword from the command, as when coping the section it also copies the example keyword and then throws error in terminal

Related Issue

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

  • [ ] Bug fix (non-breaking change which fixes an issue)
  • [ ] New feature (non-breaking change which adds functionality)
  • [ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • [ ] My code follows the code style of this project.
  • [ ] My change requires a change to the documentation.
  • [ ] I have updated the documentation accordingly.
  • [ ] I have read the CONTRIBUTING document.
  • [ ] I have added tests to cover my changes.
  • [ ] All new and existing tests passed.
opened Mar 5, 2022 by ymaheshwari1 0
Open

[Feature]: Add support for user module

How the project can be improved?

Adding support for user related actions

What are the acceptance criteria?

  • [ ]

Additional information

No response

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct
enhancement 
opened Jan 21, 2023 by ymaheshwari1 0
Open

Command not found : vsf

Provide a description of requested docs changes

Hi everyone,

I'm was trying to deploy this project for my medusa server and I got a very simply error after run yarn global add @vue-storefront/cli :

command not found: vsf

I looked into my ~/.yarn/bin but nothing about vsf

I this project still supported ? I found nothing on official vue-store website's

Téo

Able to fix / change the documentation?

  • [ ] Yes
  • [X] No

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct
documentation 
opened Nov 5, 2022 by TeoConan 2
Open

Fixed: the issue of vee-validate import are undefined by downgrading the vee-validate version

Description

Downgraded the version of vee-validate library as the vee-validate 4.x only supports Vue 3

Related Issue

#4

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

  • [x] Bug fix (non-breaking change which fixes an issue)
  • [ ] New feature (non-breaking change which adds functionality)
  • [ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • [x] My code follows the code style of this project.
  • [ ] My change requires a change to the documentation.
  • [ ] I have updated the documentation accordingly.
  • [x] I have read the CONTRIBUTING document.
  • [ ] I have added tests to cover my changes.
  • [ ] All new and existing tests passed.
opened May 25, 2022 by ymaheshwari1 1
Open

[Bug]: Downgrade vee-validate version

Expected Behavior

Currently, getting an error in vee-validate import as the current vee-validate version is not compatible with nuxt 2.

Actual Behavior

There should not be any error when building the project.

Possible Solution

Downgrade vee-validate version to 3.4.x

Steps to reproduce

No response

What version of Medusa.js integration are you using?

0.0.1

What version of Node.js are you using?

16.14.0

What browser (and version) are you using?

chrome

What operating system (and version) are you using?

Windows

Relevant log output

No response

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct
bug 
opened Apr 30, 2022 by ymaheshwari1 1
Open

[Bug]: Type error when build the storefront using yarn build

Expected Behavior

The storefront should be built without any error

Actual Behavior

Getting type error:

packages/composables/src/composables/useCart/index.ts(28,3): semantic error TS2322: Type '(context: Context<any, any, any>, { currentCart, product, quantity, customQuery }: { currentCart: Cart; product: Product; quantity: any; customQuery?: CustomQuery; }) => Promise<{}>' is not assignable to type '(context: Context<any, any, any>, params: { currentCart: Cart; product: Product; quantity: any; customQuery?: CustomQuery; }) => Promise<Cart>'.
  Type 'Promise<{}>' is not assignable to type 'Promise<Cart>'.
    Type '{}' is missing the following properties from type 'Cart': id, object, email, billing_address_id, and 26 more.

Possible Solution

No response

Steps to reproduce

  • Run yarn build command

What version of Medusa.js integration are you using?

0.0.1

What version of Node.js are you using?

14.0.0

What browser (and version) are you using?

Chrome

What operating system (and version) are you using?

windows

Relevant log output

No response

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct
bug 
opened Apr 21, 2022 by ymaheshwari1 0

Contents

    vuestorefront vue-storefront - Vue.js Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento2 supported.
    vuestorefront Vue Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, MIT license. Join us as contributor ([email protected]). Check out our new blog: https://blog.vuestorefront.io/
    vuestorefront Storefront GraphQL API Gateway. Modular architecture. ElasticSearch included. Works great with Magento1, Magento2, Spree, OpenCart, Pimcore and custom backends
    wintrmvte Combinations of default usernames and passwords for the Medusa password cracker
    medusajs A production-ready Gatsby starter for Medusa
    avneesh0612 This is a TailwindCSS, Next.js, medusa starter template. Feel free to use it, fork it and star it 🥳🙌
    medusajs Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences.
    tylersavery A Vue.js application to interface with Shopify through the Storefront API.
    saleor A modular, high performance, headless e-commerce storefront built with Python, GraphQL, Django, and ReactJS.
    MythicAgents Medusa is a cross-platform agent compatible with both Python 3.8 and Python 2.7.
    tuya Micro Frontends All-in-one Integrated Solution.
    medusajs Medusa is an open-source headless commerce engine that enables developers to create amazing digital commerce experiences.
    ModusCreateOrg ionic-vue - Vue.js integration for Ionic v4
    VojtaStavik Trackable is a simple analytics integration helper library. It’s especially designed for easy and comfortable integration with existing projects.
    crisgon vue-cart crisgonvue-cart A simple shop cart made with vue, vuex and vue router. by crisgon
    mattrothenberg vue-storybook Storybookvue-storybook – Add <story> blocks to your Vue single file components for tighter integration of Vue + Storybook
    TIGERB easy-vue TIGERBeasy-vue a easy example using the vue to implement easy web with vue 2.0, vuex 2.0, vue-router 2.0, vue-infinite-scroll 2.0, vue-progressbar 2.0 by TIGERB
    pgbross vue-material-adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google: Using Foundations and Adapters
    technowledgy vue-postgrest - Vue.js integration for postgREST: flexible, powerful and easy to use.
    jaredreich a vue.js plugin for D3
    chiaweilee vue-i18n-filter - Vue filter extend for Vue-i18n, simply using {{ hello world | t }}.
    Share this repo

    Related Repos


    Vue.js
    5
    Powerful rich text editor using Vue.js and Quill. About 🍡@quilljs editor component for @v...
    cg0101 quill-vuejs Quill editor component for Vue. 基于 Quill、适用于 Vue 的富文本编辑器，支持服务端渲染和单页应用。 Preview Example CDN example page Component example page Install NPM
     
    Vue.js
    10
    Generate types for TypeScript Vue components libraries
    Akryum vue-typegen Generate types for your Vue components library! What is does: Scan the source folder for .vue files Generate a corresponding .vue.ts file
     
    Vue.js
    7
    ▲ NEXT.JS - Example project using Next.js with Locomotive Scroll
    BrunoS3D nextjs-with-locomotive-scroll-example 🔺 NEXT.JS - Example project using Next.js with Locomotive Scroll. (experimental) 🚀 Demo 🚀 Getting started The
     
    Vue.js
    305
    A Vue.js UI components lib for TDesign.
    Tencent TDesign 适配桌面端的组件库，适合在 vue 2.x 技术栈项目中使用。 🎉 特性 适配桌面端交互 基于 Vue 2.0 与其他框架实现版本（React/Angular 等） API、UI 保持一致 支持暗黑模式及其他主题定制 支持按需加载 安装 npm i tdesign-vue 基础使用
     
    Vue.js
    6
    🐧A mini-vue-router , you kan learn the principle of vue-router
    sudongyuer mini-vue-router 🧚🏾 A mini-vue-router , you can learn the principle of vue-router 🍉 🍉 🍉 Getting Started npm run install npm run serve Example Pri
     
    Vue.js
    3
    A template repository / quick start to build Azure Static Web Apps with a Node.js function...
    marcduiker Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js
     
    Vue.js
    3.1k
    A Vue.js 3.0 UI Toolkit for Web. Build with Javascript
    hug-sun Introduction A Vue.js 3.0 UI Toolkit for Web. Install npm install element3 -S Quick Start import { createApp } from 'vue' import App from './App.vue'
     
    Vue.js
    3.1k
    🌍 基于 Vue 2.x 和高德地图的地图组件
    ElemeFE vue-amap vue-amap是一套基于Vue 2.0和高德地图的地图组件。 安装 npm install -S vue-amap 文档 https://elemefe.github.io/vue-amap 快速上手 引入vue-amap // 引入vue-amap import VueAMa
     
    Vue.js
    7
    A Vue.js UI components lib for TDesign.
    Tencent TDesign 适配桌面端的组件库，适合在 vue 3.x 技术栈项目中使用。 🎉 特性 适配桌面端交互 基于 vue-next 与其他框架（Vue/React/Angular）版本 API、UI 保持一致 支持暗黑模式及其他主题定制 支持按需加载 安装 npm i tdesign-vue-nex
     
    Vue.js
    8
    Check errors in vue and typescript
    JumiRay A vite plugin to detect *.ts ｜ *.vue typescript error this plugin based on fork-ts-checker-webpack-plugin (https://github.com/TypeStrong/fork-ts-check
     
    Vue.js
    3
    A minimal vue admin template with Element UI & axios & iconfont & permission control & lin...
    laoyin A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
     
    Vue.js
    3
    Vue Storefront integration made for Medusa.js
    vuestorefront-community Vue Storefront 2 integration with Medusa.js To learn how to build your integration, see our Integration guide. How to start if you want to try out the
     
    Vue.js
    3
    Formily Ant Design Vue Adaptor(Vue2)
    formilyjs English | 简体中文 Overview The Awesome Components Library with Formily & ant-design-vue. Features 🖼 Designable, You can quickly develop forms at low cos
     
    Vue.js
    7
    A vue component for Dyte client
    ochanje210 vue-dyte A vue component for Dyte client 📖 Release Notes ⚠️ v2.x.x is for Vue 2. Vue 3 is supported with v3.x.x For Vue 3 Install npm i -S vue-dyte
     
    Vue.js
    3
    This is a shopping site via Vue Framework
    softfantasy vue_shop Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints