commit
						1825c99f6b
					
				
				 13 changed files with 11268 additions and 0 deletions
			
			
		@ -0,0 +1,23 @@ | 
				
			|||||||
 | 
					.DS_Store | 
				
			||||||
 | 
					node_modules | 
				
			||||||
 | 
					/dist | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					# local env files | 
				
			||||||
 | 
					.env.local | 
				
			||||||
 | 
					.env.*.local | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					# Log files | 
				
			||||||
 | 
					npm-debug.log* | 
				
			||||||
 | 
					yarn-debug.log* | 
				
			||||||
 | 
					yarn-error.log* | 
				
			||||||
 | 
					pnpm-debug.log* | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					# Editor directories and files | 
				
			||||||
 | 
					.idea | 
				
			||||||
 | 
					.vscode | 
				
			||||||
 | 
					*.suo | 
				
			||||||
 | 
					*.ntvs* | 
				
			||||||
 | 
					*.njsproj | 
				
			||||||
 | 
					*.sln | 
				
			||||||
 | 
					*.sw? | 
				
			||||||
@ -0,0 +1,24 @@ | 
				
			|||||||
 | 
					# myshop-vue | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					## Project setup | 
				
			||||||
 | 
					``` | 
				
			||||||
 | 
					npm install | 
				
			||||||
 | 
					``` | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### Compiles and hot-reloads for development | 
				
			||||||
 | 
					``` | 
				
			||||||
 | 
					npm run serve | 
				
			||||||
 | 
					``` | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### Compiles and minifies for production | 
				
			||||||
 | 
					``` | 
				
			||||||
 | 
					npm run build | 
				
			||||||
 | 
					``` | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### Lints and fixes files | 
				
			||||||
 | 
					``` | 
				
			||||||
 | 
					npm run lint | 
				
			||||||
 | 
					``` | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					### Customize configuration | 
				
			||||||
 | 
					See [Configuration Reference](https://cli.vuejs.org/config/). | 
				
			||||||
@ -0,0 +1,5 @@ | 
				
			|||||||
 | 
					module.exports = { | 
				
			||||||
 | 
					  presets: [ | 
				
			||||||
 | 
					    '@vue/cli-plugin-babel/preset' | 
				
			||||||
 | 
					  ] | 
				
			||||||
 | 
					} | 
				
			||||||
@ -0,0 +1,19 @@ | 
				
			|||||||
 | 
					{ | 
				
			||||||
 | 
					  "compilerOptions": { | 
				
			||||||
 | 
					    "target": "es5", | 
				
			||||||
 | 
					    "module": "esnext", | 
				
			||||||
 | 
					    "baseUrl": "./", | 
				
			||||||
 | 
					    "moduleResolution": "node", | 
				
			||||||
 | 
					    "paths": { | 
				
			||||||
 | 
					      "@/*": [ | 
				
			||||||
 | 
					        "src/*" | 
				
			||||||
 | 
					      ] | 
				
			||||||
 | 
					    }, | 
				
			||||||
 | 
					    "lib": [ | 
				
			||||||
 | 
					      "esnext", | 
				
			||||||
 | 
					      "dom", | 
				
			||||||
 | 
					      "dom.iterable", | 
				
			||||||
 | 
					      "scripthost" | 
				
			||||||
 | 
					    ] | 
				
			||||||
 | 
					  } | 
				
			||||||
 | 
					} | 
				
			||||||
									
										
											File diff suppressed because it is too large
											Load Diff
										
									
								
							
						@ -0,0 +1,43 @@ | 
				
			|||||||
 | 
					{ | 
				
			||||||
 | 
					  "name": "myshop-vue", | 
				
			||||||
 | 
					  "version": "0.1.0", | 
				
			||||||
 | 
					  "private": true, | 
				
			||||||
 | 
					  "scripts": { | 
				
			||||||
 | 
					    "serve": "vue-cli-service serve", | 
				
			||||||
 | 
					    "build": "vue-cli-service build", | 
				
			||||||
 | 
					    "lint": "vue-cli-service lint" | 
				
			||||||
 | 
					  }, | 
				
			||||||
 | 
					  "dependencies": { | 
				
			||||||
 | 
					    "core-js": "^3.8.3", | 
				
			||||||
 | 
					    "vue": "^3.2.13" | 
				
			||||||
 | 
					  }, | 
				
			||||||
 | 
					  "devDependencies": { | 
				
			||||||
 | 
					    "@babel/core": "^7.12.16", | 
				
			||||||
 | 
					    "@babel/eslint-parser": "^7.12.16", | 
				
			||||||
 | 
					    "@vue/cli-plugin-babel": "~5.0.0", | 
				
			||||||
 | 
					    "@vue/cli-plugin-eslint": "~5.0.0", | 
				
			||||||
 | 
					    "@vue/cli-service": "~5.0.0", | 
				
			||||||
 | 
					    "eslint": "^7.32.0", | 
				
			||||||
 | 
					    "eslint-plugin-vue": "^8.0.3" | 
				
			||||||
 | 
					  }, | 
				
			||||||
 | 
					  "eslintConfig": { | 
				
			||||||
 | 
					    "root": true, | 
				
			||||||
 | 
					    "env": { | 
				
			||||||
 | 
					      "node": true | 
				
			||||||
 | 
					    }, | 
				
			||||||
 | 
					    "extends": [ | 
				
			||||||
 | 
					      "plugin:vue/vue3-essential", | 
				
			||||||
 | 
					      "eslint:recommended" | 
				
			||||||
 | 
					    ], | 
				
			||||||
 | 
					    "parserOptions": { | 
				
			||||||
 | 
					      "parser": "@babel/eslint-parser" | 
				
			||||||
 | 
					    }, | 
				
			||||||
 | 
					    "rules": {} | 
				
			||||||
 | 
					  }, | 
				
			||||||
 | 
					  "browserslist": [ | 
				
			||||||
 | 
					    "> 1%", | 
				
			||||||
 | 
					    "last 2 versions", | 
				
			||||||
 | 
					    "not dead", | 
				
			||||||
 | 
					    "not ie 11" | 
				
			||||||
 | 
					  ] | 
				
			||||||
 | 
					} | 
				
			||||||
| 
		 After Width: | Height: | Size: 4.2 KiB  | 
@ -0,0 +1,17 @@ | 
				
			|||||||
 | 
					<!DOCTYPE html> | 
				
			||||||
 | 
					<html lang=""> | 
				
			||||||
 | 
					  <head> | 
				
			||||||
 | 
					    <meta charset="utf-8"> | 
				
			||||||
 | 
					    <meta http-equiv="X-UA-Compatible" content="IE=edge"> | 
				
			||||||
 | 
					    <meta name="viewport" content="width=device-width,initial-scale=1.0"> | 
				
			||||||
 | 
					    <link rel="icon" href="<%= BASE_URL %>favicon.ico"> | 
				
			||||||
 | 
					    <title><%= htmlWebpackPlugin.options.title %></title> | 
				
			||||||
 | 
					  </head> | 
				
			||||||
 | 
					  <body> | 
				
			||||||
 | 
					    <noscript> | 
				
			||||||
 | 
					      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> | 
				
			||||||
 | 
					    </noscript> | 
				
			||||||
 | 
					    <div id="app"></div> | 
				
			||||||
 | 
					    <!-- built files will be auto injected --> | 
				
			||||||
 | 
					  </body> | 
				
			||||||
 | 
					</html> | 
				
			||||||
@ -0,0 +1,26 @@ | 
				
			|||||||
 | 
					<template> | 
				
			||||||
 | 
					  <img alt="Vue logo" src="./assets/logo.png"> | 
				
			||||||
 | 
					  <HelloWorld msg="Welcome to Your Vue.js App"/> | 
				
			||||||
 | 
					</template> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<script> | 
				
			||||||
 | 
					import HelloWorld from './components/HelloWorld.vue' | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					export default { | 
				
			||||||
 | 
					  name: 'App', | 
				
			||||||
 | 
					  components: { | 
				
			||||||
 | 
					    HelloWorld | 
				
			||||||
 | 
					  } | 
				
			||||||
 | 
					} | 
				
			||||||
 | 
					</script> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<style> | 
				
			||||||
 | 
					#app { | 
				
			||||||
 | 
					  font-family: Avenir, Helvetica, Arial, sans-serif; | 
				
			||||||
 | 
					  -webkit-font-smoothing: antialiased; | 
				
			||||||
 | 
					  -moz-osx-font-smoothing: grayscale; | 
				
			||||||
 | 
					  text-align: center; | 
				
			||||||
 | 
					  color: #2c3e50; | 
				
			||||||
 | 
					  margin-top: 60px; | 
				
			||||||
 | 
					} | 
				
			||||||
 | 
					</style> | 
				
			||||||
| 
		 After Width: | Height: | Size: 6.7 KiB  | 
@ -0,0 +1,58 @@ | 
				
			|||||||
 | 
					<template> | 
				
			||||||
 | 
					  <div class="hello"> | 
				
			||||||
 | 
					    <h1>{{ msg }}</h1> | 
				
			||||||
 | 
					    <p> | 
				
			||||||
 | 
					      For a guide and recipes on how to configure / customize this project,<br> | 
				
			||||||
 | 
					      check out the | 
				
			||||||
 | 
					      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>. | 
				
			||||||
 | 
					    </p> | 
				
			||||||
 | 
					    <h3>Installed CLI Plugins</h3> | 
				
			||||||
 | 
					    <ul> | 
				
			||||||
 | 
					      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li> | 
				
			||||||
 | 
					      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li> | 
				
			||||||
 | 
					    </ul> | 
				
			||||||
 | 
					    <h3>Essential Links</h3> | 
				
			||||||
 | 
					    <ul> | 
				
			||||||
 | 
					      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li> | 
				
			||||||
 | 
					      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li> | 
				
			||||||
 | 
					      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li> | 
				
			||||||
 | 
					      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li> | 
				
			||||||
 | 
					      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li> | 
				
			||||||
 | 
					    </ul> | 
				
			||||||
 | 
					    <h3>Ecosystem</h3> | 
				
			||||||
 | 
					    <ul> | 
				
			||||||
 | 
					      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li> | 
				
			||||||
 | 
					      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li> | 
				
			||||||
 | 
					      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li> | 
				
			||||||
 | 
					      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li> | 
				
			||||||
 | 
					      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li> | 
				
			||||||
 | 
					    </ul> | 
				
			||||||
 | 
					  </div> | 
				
			||||||
 | 
					</template> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<script> | 
				
			||||||
 | 
					export default { | 
				
			||||||
 | 
					  name: 'HelloWorld', | 
				
			||||||
 | 
					  props: { | 
				
			||||||
 | 
					    msg: String | 
				
			||||||
 | 
					  } | 
				
			||||||
 | 
					} | 
				
			||||||
 | 
					</script> | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<!-- Add "scoped" attribute to limit CSS to this component only --> | 
				
			||||||
 | 
					<style scoped> | 
				
			||||||
 | 
					h3 { | 
				
			||||||
 | 
					  margin: 40px 0 0; | 
				
			||||||
 | 
					} | 
				
			||||||
 | 
					ul { | 
				
			||||||
 | 
					  list-style-type: none; | 
				
			||||||
 | 
					  padding: 0; | 
				
			||||||
 | 
					} | 
				
			||||||
 | 
					li { | 
				
			||||||
 | 
					  display: inline-block; | 
				
			||||||
 | 
					  margin: 0 10px; | 
				
			||||||
 | 
					} | 
				
			||||||
 | 
					a { | 
				
			||||||
 | 
					  color: #42b983; | 
				
			||||||
 | 
					} | 
				
			||||||
 | 
					</style> | 
				
			||||||
@ -0,0 +1,4 @@ | 
				
			|||||||
 | 
					import { createApp } from 'vue' | 
				
			||||||
 | 
					import App from './App.vue' | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					createApp(App).mount('#app') | 
				
			||||||
@ -0,0 +1,4 @@ | 
				
			|||||||
 | 
					const { defineConfig } = require('@vue/cli-service') | 
				
			||||||
 | 
					module.exports = defineConfig({ | 
				
			||||||
 | 
					  transpileDependencies: true | 
				
			||||||
 | 
					}) | 
				
			||||||
					Loading…
					
					
				
		Reference in new issue