add menudesign

2 years ago · 1ef5df3447
20 changed files with 19655 additions and 0 deletions
--- a/menudesign/.browserslistrc
+++ b/menudesign/.browserslistrc
@ -0,0 +1,4 @@
 > 1%
 last 2 versions
 not dead
 not ie 11
--- a/menudesign/.eslintrc.js
+++ b/menudesign/.eslintrc.js
@ -0,0 +1,17 @@
 module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended'
  ],
  parserOptions: {
    parser: '@babel/eslint-parser'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
 }
--- a/menudesign/.gitignore
+++ b/menudesign/.gitignore
@ -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?
--- a/menudesign/README.md
+++ b/menudesign/README.md
@ -0,0 +1,24 @@
 # menudesign
 ## 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/).
--- a/menudesign/babel.config.js
+++ b/menudesign/babel.config.js
@ -0,0 +1,5 @@
 module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
 }
--- a/menudesign/jsconfig.json
+++ b/menudesign/jsconfig.json
@ -0,0 +1,19 @@
 {
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  }
 }
--- a/menudesign/package-lock.json
+++ b/menudesign/package-lock.json
--- a/menudesign/package.json
+++ b/menudesign/package.json
@ -0,0 +1,25 @@
 {
  "name": "menudesign",
  "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",
    "vue-router": "^4.0.3"
  },
  "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-plugin-router": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3"
  }
 }
--- a/menudesign/public/favicon.ico
+++ b/menudesign/public/favicon.ico
--- a/menudesign/public/index.html
+++ b/menudesign/public/index.html
@ -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>
--- a/menudesign/src/App.vue
+++ b/menudesign/src/App.vue
@ -0,0 +1,39 @@
 <template>
  <app-header/>
  <router-view/>
  <app-footer/>
 </template>
 <script>
 import AppHeader from './components/AppHeader.vue'
 import AppFooter from './components/AppFooter.vue'
 export default {
  components:{
    AppHeader,
    AppFooter
  }
 }
 </script>
 <style>
 #app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
 }
 nav {
  padding: 30px;
 }
 nav a {
  font-weight: bold;
  color: #2c3e50;
 }
 nav a.router-link-exact-active {
  color: #42b983;
 }
 </style>
--- a/menudesign/src/assets/logo.png
+++ b/menudesign/src/assets/logo.png
--- a/menudesign/src/components/AppFooter.vue
+++ b/menudesign/src/components/AppFooter.vue
@ -0,0 +1,17 @@
 <template lang="">
    <div>
        Jmeno.Prijmeni &copy; {{thisyear}}
    </div>
 </template>
 <script>
 export default {
    computed:{
        thisyear() {
            return new Date().getFullYear()
        }
    }
 }
 </script>
 <style lang="">
 </style>
--- a/menudesign/src/components/AppHeader.vue
+++ b/menudesign/src/components/AppHeader.vue
@ -0,0 +1,37 @@
 <template lang="">
    <header>
        <img src="../assets/logo.png" alt="LOGO" height="50">
        <p>VueJS applikace</p>
        <nav>
            <router-link to="/">Home</router-link> |
            <router-link to="/about">About</router-link>
        </nav>
    </header>
 </template>
 <script>
 export default {
 }
 </script>
 <style scoped>
    header{
        display: flex;
        border-bottom: 1px black solid;
        padding: 0.5rem;
        align-items: center;
    }
    header p { 
        margin-left: 1rem;
        }
    nav {
        margin-left: auto;
    }
    nav>ul {
        list-style: none;
    }
    nav>ul>li {
        display: inline-flex;
        margin-left: 1rem;
    }
 </style>
--- a/menudesign/src/components/HelloWorld.vue
+++ b/menudesign/src/components/HelloWorld.vue
@ -0,0 +1,59 @@
 <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-router" target="_blank" rel="noopener">router</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>
--- a/menudesign/src/main.js
+++ b/menudesign/src/main.js
@ -0,0 +1,5 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 createApp(App).use(router).mount('#app')
--- a/menudesign/src/router/index.js
+++ b/menudesign/src/router/index.js
@ -0,0 +1,23 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/HomeView.vue'
 import AboutView from '../views/AboutView.vue'
 const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    component: AboutView,
    }
 ]
 const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
 })
 export default router
--- a/menudesign/src/views/AboutView.vue
+++ b/menudesign/src/views/AboutView.vue
@ -0,0 +1,20 @@
 <template>
  <div>
    <h1>{{title}}</h1>
  </div>
 </template>
 <script>
 export default {
  name: 'AboutView',
  data() {
    return {
      title:"About Page"
    }
  },
 }
 </script>
 <style lang="">
 </style>
--- a/menudesign/src/views/HomeView.vue
+++ b/menudesign/src/views/HomeView.vue
@ -0,0 +1,18 @@
 <template>
  <div>
    <h1>{{title}}</h1>
  </div>
 </template>
 <script>
 // @ is an alias to /src
 export default {
  name: 'HomeView',
  data() {
    return {
      title:"Home Page"
    }
  }
 }
 </script>
--- a/menudesign/vue.config.js
+++ b/menudesign/vue.config.js
@ -0,0 +1,4 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
  transpileDependencies: true
 })