├── README.md └── examples ├── login ├── .prettierrc ├── package.json ├── public │ └── index.html ├── src │ ├── App.vue │ └── main.js └── vue.config.js └── quick-start ├── .prettierrc ├── package.json ├── public └── index.html ├── src ├── App.vue └── main.js └── vue.config.js /README.md: -------------------------------------------------------------------------------- 1 | ### Vue Material Examples 2 | 3 | Examples of Vue Material that can be used for testing, prototyping or reproduction purposes. 4 | 5 | `Examples are only executable on codesandbox.io` 6 | 7 | - [Quick start](https://codesandbox.io/s/github/vuematerial/examples/tree/master/examples/quick-start) 8 | - [Login](https://codesandbox.io/s/github/vuematerial/examples/tree/master/examples/login) -------------------------------------------------------------------------------- /examples/login/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 80, 3 | "tabWidth": 2, 4 | "useTabs": false, 5 | "semi": false, 6 | "singleQuote": true, 7 | "trailingComma": "none", 8 | "bracketSpacing": false, 9 | "jsxBracketSameLine": false 10 | } -------------------------------------------------------------------------------- /examples/login/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "VueMaterial-Login", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "vue": "^2.6.11", 12 | "vue-material": "1.0.0-beta-15" 13 | }, 14 | "devDependencies": { 15 | "@vue/cli-service": "~4.5.0", 16 | "node-sass": "^4.14.1", 17 | "sass-loader": "^8.0.2", 18 | "vue-template-compiler": "^2.6.11" 19 | }, 20 | "browserslist": [ 21 | "> 1%", 22 | "last 2 versions", 23 | "not ie <= 8" 24 | ], 25 | "keywords": [], 26 | "description": "" 27 | } 28 | -------------------------------------------------------------------------------- /examples/login/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | CodeSandbox Vue Material 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/login/src/App.vue: -------------------------------------------------------------------------------- 1 | 36 | 37 | 61 | 62 | 118 | -------------------------------------------------------------------------------- /examples/login/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App' 3 | 4 | Vue.config.productionTip = false 5 | 6 | import VueMaterial from 'vue-material' 7 | import 'vue-material/dist/vue-material.min.css' 8 | import 'vue-material/dist/theme/default.css' 9 | 10 | Vue.use(VueMaterial) 11 | 12 | new Vue({ 13 | el: '#app', 14 | components: { App }, 15 | template: '' 16 | }) 17 | -------------------------------------------------------------------------------- /examples/login/vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | runtimeCompiler: true 3 | }; 4 | -------------------------------------------------------------------------------- /examples/quick-start/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 80, 3 | "tabWidth": 2, 4 | "useTabs": false, 5 | "semi": false, 6 | "singleQuote": true, 7 | "trailingComma": "none", 8 | "bracketSpacing": false, 9 | "jsxBracketSameLine": false 10 | } -------------------------------------------------------------------------------- /examples/quick-start/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "VueMaterial-Quick-start", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "vue-cli-service build", 8 | "lint": "vue-cli-service lint" 9 | }, 10 | "dependencies": { 11 | "vue": "^2.6.11", 12 | "vue-material": "1.0.0-beta-15" 13 | }, 14 | "devDependencies": { 15 | "@vue/cli-service": "~4.5.0", 16 | "node-sass": "^4.14.1", 17 | "sass-loader": "^8.0.2", 18 | "vue-template-compiler": "^2.6.11" 19 | }, 20 | "browserslist": [ 21 | "> 1%", 22 | "last 2 versions", 23 | "not ie <= 8" 24 | ], 25 | "keywords": [], 26 | "description": "" 27 | } 28 | -------------------------------------------------------------------------------- /examples/quick-start/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | CodeSandbox Vue Material 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/quick-start/src/App.vue: -------------------------------------------------------------------------------- 1 | 12 | 13 | 18 | 19 | 24 | -------------------------------------------------------------------------------- /examples/quick-start/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App' 3 | 4 | Vue.config.productionTip = false 5 | 6 | import VueMaterial from 'vue-material' 7 | import 'vue-material/dist/vue-material.min.css' 8 | import 'vue-material/dist/theme/default.css' 9 | 10 | Vue.use(VueMaterial) 11 | 12 | new Vue({ 13 | el: '#app', 14 | components: { App }, 15 | template: '' 16 | }) 17 | -------------------------------------------------------------------------------- /examples/quick-start/vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | runtimeCompiler: true 3 | }; 4 | --------------------------------------------------------------------------------