A better example website similar to react stickyroll

[vaibhavhrt]

I am good in react but learning vue, so I will be happy to convert the example into something more fancy like the react stickyroll website.

[pixelass]

Hi @vaibhavhrt. Thank you for the offer.
Feel free to open a PR and reuse the data from the react-version. It should be pretty easy to port it to vue.

[vaibhavhrt]

thanks, I will put some time into it on weekend.

[vaibhavhrt]

@pixelass I couldn't get the development environment setup, there are several package.json not sure which to install, and which scripts to run. Can you provide some info.

[pixelass]

You should be able to use the following commands.

yarn # install dependencies
yarn dev # run all required dev tasks in one command

It's a monorepo so the main dev script will build/watch everything while you develop.

The demosite is located at vue-stickyroll/site/app/
The current demo app can be found here: https://github.com/stickyroll/vue-stickyroll/blob/master/site/app/src/App.vue

[vaibhavhrt]

yarn # install dependencies
yarn dev # run all

in which directory?

[pixelass]

ROOT
dev is the only script there

[vaibhavhrt]

If I dev in site/app

ERROR Failed to compile with 2 errors 18:26:23
These dependencies were not found:

• @stickyroll/vue in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?v
  ue&type=script&lang=js&
• @stickyroll/vue/index.css?vue&type=style&index=0&lang=css& in ./src/App.vue
  To install them, you can run: npm install --save @stickyroll/vue @stickyroll/vue/index.css?vue&type=style&index=0&lang
  =css&

[vaibhavhrt]

I was using npm, let me switch to yarn n check.

[pixelass]

git clone git@github.com:stickyroll/vue-stickyroll.git # clone from remote
cd vue-sickyroll # change directory
yarn # install
yarn dev # develop

[pixelass]

npm should work fine since it's a "lerna" project.

Just don't run the tasks in the nested directories since lerna needs to create the symlinks for you

[vaibhavhrt]

Switched to yarn, working as expected now. Expect a WIP PR soon.