prograhammer / vue-pizza Goto Github PK

:pizza: Example Vue 2 Project (a scalable Single Page App using Vue-cli, VueRouter, Vuex and more)

JavaScript 52.11% HTML 2.26% Vue 44.87% CSS 0.77%

vue-pizza's Introduction

🍕 Vue Pizza

A tasty Vue.js starter project. Clone, remove vue-pizza everywhere, and add your own features. Also, read through the wiki.

Demo

https://vue.pizza/app

Why?

A lot of starter projects or examples of Vue.js in the wild were:

Outdated.
No tutorial or wiki.
Involved unneccesary, complex, server-side-rendering/NUXT setups (this project is for authenticated, no SEO needed, static/cacheable apps that communicate to a backend server API).
Not comprehensive and didn't cover most of the elements necessary for real world apps.
This project was started from the latest official Vue-cli PWA template and built up from there.

Wiki

Visit the Github wiki tab here to learn everything you need to know about how this starter project was built (which allows you to learn and rebuild this project from scratch if you want).

Installation

Very simple. See the Installation section in wiki.

vue-pizza's People

Contributors

Stargazers

Watchers

Forkers

obonyojimmy yuolsoja mummaru tamoshius developcreativo zilongo guoyu07 macwebcoder kylebradshaw joseate airatkh jparvind athiwatp billthebest nin7astar barata0 dobbbri phucblog babucse1991 phpjunior thevataman dewdad thaiat dotnatcore basejump marwein camelwu aiminho pylixm xxxxlr mai-cliqz rafagarcia mehdimb6 douamad bbnydory gaohongsong wenxiayili cristoferdomingues pphothidaen willi-dev w3ss xzyler drdator giamai loversama l4sh cagomezt samneofun kbss27 k2inno-tech defbobo davidstenstroem konstantin-x kritsadapk andrewsviridov marjinal1st benplum colepalm 4amanuel acejudo galdras frankwrk narainsagar thangnvdigdinos lekens lolxy markrogers9109 lakshit03 guruprasadz apeixinho dejan-stankovic beance mahe9415 paul-javs robnightingale evenlee jrosczyk mds wcho whjvenyl kingajw yohangdev djdeo awesome-resources pnagaraju25 rajaanb jieunnpark jaketyao rizafr xilibro bruce0205 lannieme suhaib-askar rhanka randomblowupsteve xbzhs xatiamacharadze siddharthsahu smartworld-dm michaelo1127

vue-pizza's Issues

This dependency was not found: * expose?$!expose?jQuery!jquery in ./src/main.js

Hi. I have a problem when include jquery. Please solve it. thank you

End to end tests using Cypress

Would you be open to merging a pull request from me that replaces Selenium E2E tests with Cypress test runner? I think it would be simpler and more useful for anyone using Vue to see the GUI and be able to interact with the tests.

Here is some info on the runner

Hosted app is offline (https://vue.pizza/app)

The app you linked at https://vue.pizza/app is not reachable.

css inside third party library in node_modules not extracted

Hi David

Been trying different config for webpack but everytime i run the npm run build for production, the css in the .vue files in node_modules folder are not extracted in a separated file but rather injected in the <head>

ERROR: Production version not import Component to App.vue (npm run build)

When i run dev version , everything is Ok , but when i run npm run build and open /dist/index.html no components have in body html (component of vue router), only Header and Nav . I can understand how it not work .

production : https://ibb.co/kkvZGc
dev: https://ibb.co/dfmKhH

Error when run 'npm run dev'

I have the follow message in console:

Host with GitHub pages

Is it possible to set up GitHub pages for an live example of this project? 👍

"npm install" reports vulnerabilities

After installing dependencies, npm notifies some security issues with the nightwatch package. I don't know if this easily fixable, I report it just in case.

Detailed output

Software version and init

$ nodejs --version
v8.12.0
$ npm --version
6.4.1
$ vue init pwa vue-pizza
[...]
$ cd vue-pizza

Output of npm install

npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Switch to the `bfj` package for fixes and new features!
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: CircularJSON is in maintenance only, flatted is its successor.
npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0

> [email protected] install /home/rrobby/vue-pizza/node_modules/chromedriver
> node install.js

Downloading https://chromedriver.storage.googleapis.com/2.43/chromedriver_linux64.zip
Saving to /tmp/chromedriver/chromedriver_linux64.zip
Received 781K...
Received 1568K...
Received 2352K...
Received 3136K...
Received 3920K...
Received 3987K total.
Extracting zip contents
Copying to target path /home/rrobby/vue-pizza/node_modules/chromedriver/lib/chromedriver
Fixing file permissions
Done. ChromeDriver binary available at /home/rrobby/vue-pizza/node_modules/chromedriver/lib/chromedriver/chromedriver

> [email protected] postinstall /home/rrobby/vue-pizza/node_modules/uglifyjs-webpack-plugin
> node lib/post_install.js

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 1350 packages from 975 contributors and audited 9602 packages in 42.421s
found 6 vulnerabilities (1 low, 4 high, 1 critical)
  run `npm audit fix` to fix them, or `npm audit` for details

┌──────────────────────────────────────────────────────────┐
│                 npm update check failed                  │
│           Try running with sudo or get access            │
│           to the local update config store via           │
│ sudo chown -R $USER:$(id -gn $USER) /home/rrobby/.config │
└──────────────────────────────────────────────────────────┘

Output of the suggested npm audit command

                                                                                
                       === npm audit security report ===                        
                                                                                
# Run  npm install --save-dev [email protected]  to resolve 6 vulnerabilities
SEMVER WARNING: Recommended action is a potentially breaking change
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ Low           │ Regular Expression Denial of Service                         │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ debug                                                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ nightwatch [dev]                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ nightwatch > mocha-nightwatch > debug                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/534                       │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ Critical      │ Command Injection                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ growl                                                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ nightwatch [dev]                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ nightwatch > mocha-nightwatch > growl                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/146                       │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Denial of Service                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ http-proxy-agent                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ nightwatch [dev]                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ nightwatch > proxy-agent > http-proxy-agent                  │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/607                       │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Denial of Service                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ http-proxy-agent                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ nightwatch [dev]                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ nightwatch > proxy-agent > pac-proxy-agent >                 │
│               │ http-proxy-agent                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/607                       │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Denial of Service                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ nightwatch [dev]                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ nightwatch > proxy-agent > https-proxy-agent                 │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/593                       │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Denial of Service                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ nightwatch [dev]                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ nightwatch > proxy-agent > pac-proxy-agent >                 │
│               │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/593                       │
└───────────────┴──────────────────────────────────────────────────────────────┘


found 6 vulnerabilities (1 low, 4 high, 1 critical) in 9602 scanned packages
  6 vulnerabilities require semver-major dependency updates.

No guidelines provided for setting up the Production environment.

No guidelines provided for setting up the Production environment. As newbie, I took up this repository and followed through and I really thank you for helping newbies like me trough this wonderful wikis.

However, I have completed a project and now want to roll it out in production environment but I can't figure out a way to do that. Can you please help and update the content under this section-

https://github.com/prograhammer/vue-pizza/wiki/Production-Environment

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

Jobs

Jooble