diff --git a/.browserslistrc b/.browserslistrc new file mode 100644 index 0000000..bd3ad98 --- /dev/null +++ b/.browserslistrc @@ -0,0 +1,3 @@ +> 1% +last 2 versions +not ie <= 8 \ No newline at end of file diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000..3f3df4f --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,14 @@ +module.exports = { + root: true, + env: { + node: true + }, + extends: ["plugin:vue/essential", "@vue/prettier"], + rules: { + "no-console": process.env.NODE_ENV === "production" ? "error" : "off", + "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off" + }, + parserOptions: { + parser: "babel-eslint" + } +}; diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..fff3825 --- /dev/null +++ b/.gitignore @@ -0,0 +1,22 @@ +.DS_Store +node_modules/ +package-lock.json +/dist + +# local env files +.env.local +.env.*.local + +# Log files +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw* diff --git a/.postcssrc.js b/.postcssrc.js new file mode 100644 index 0000000..5bfb8f6 --- /dev/null +++ b/.postcssrc.js @@ -0,0 +1,5 @@ +module.exports = { + plugins: { + autoprefixer: {} + } +}; diff --git a/README.md b/README.md index fe9f703..6315314 100644 --- a/README.md +++ b/README.md @@ -1 +1,21 @@ -# vue-material-kit- \ No newline at end of file +# vue-material-kit + +## 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 +``` diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 0000000..3ecebf1 --- /dev/null +++ b/babel.config.js @@ -0,0 +1,3 @@ +module.exports = { + presets: ["@vue/app"] +}; diff --git a/package.json b/package.json new file mode 100644 index 0000000..1c90bfa --- /dev/null +++ b/package.json @@ -0,0 +1,27 @@ +{ + "name": "vue-material-kit", + "author": "Dragos Ct ", + "description": "Vue Material Kit", + "version": "1.0.0", + "private": true, + "scripts": { + "serve": "vue-cli-service serve", + "build": "vue-cli-service build", + "lint": "vue-cli-service lint", + "dev": "npm run serve", + "install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm run dev" + }, + "dependencies": { + "vue": "^2.5.17", + "vue-router": "^3.0.1" + }, + "devDependencies": { + "@vue/cli-plugin-babel": "^3.0.1", + "@vue/cli-plugin-eslint": "^3.0.1", + "@vue/cli-service": "^3.0.1", + "@vue/eslint-config-prettier": "^3.0.1", + "node-sass": "^4.9.3", + "sass-loader": "^7.1.0", + "vue-template-compiler": "^2.5.17" + } +} diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..c7b9a43 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..2138494 --- /dev/null +++ b/public/index.html @@ -0,0 +1,17 @@ + + + + + + + + vue-material-kit + + + +
+ + + diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..e1c13ee --- /dev/null +++ b/src/App.vue @@ -0,0 +1,20 @@ + + + diff --git a/src/assets/logo.png b/src/assets/logo.png new file mode 100644 index 0000000..f3d2503 Binary files /dev/null and b/src/assets/logo.png differ diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue new file mode 100644 index 0000000..d382958 --- /dev/null +++ b/src/components/HelloWorld.vue @@ -0,0 +1,58 @@ + + + + + + diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..1f5f073 --- /dev/null +++ b/src/main.js @@ -0,0 +1,10 @@ +import Vue from "vue"; +import App from "./App.vue"; +import router from "./router"; + +Vue.config.productionTip = false; + +new Vue({ + router, + render: h => h(App) +}).$mount("#app"); diff --git a/src/router.js b/src/router.js new file mode 100644 index 0000000..7b4bb79 --- /dev/null +++ b/src/router.js @@ -0,0 +1,26 @@ +import Vue from "vue"; +import Router from "vue-router"; +import Home from "./views/Home.vue"; + +Vue.use(Router); + +export default new Router({ + mode: "history", + base: process.env.BASE_URL, + routes: [ + { + path: "/", + name: "home", + component: Home + }, + { + path: "/about", + name: "about", + // route level code-splitting + // this generates a separate chunk (about.[hash].js) for this route + // which is lazy-loaded when the route is visited. + component: () => + import(/* webpackChunkName: "about" */ "./views/About.vue") + } + ] +}); diff --git a/src/views/About.vue b/src/views/About.vue new file mode 100644 index 0000000..3fa2807 --- /dev/null +++ b/src/views/About.vue @@ -0,0 +1,5 @@ + diff --git a/src/views/Home.vue b/src/views/Home.vue new file mode 100644 index 0000000..31ecbd6 --- /dev/null +++ b/src/views/Home.vue @@ -0,0 +1,18 @@ + + +