adiciona tela home e cadastro

1b403f80 · Daniela Olinda Catarina · 1b403f80 · 1b403f80 · 1b403f80 · 1b403f80
Commit 1b403f80 authored May 16, 2022 by Daniela Olinda Catarina
23 changed files
--- a/README.md
+++ b/README.md
+# ntflix-ntlabs
+
+> A Vue.js project
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+```
+
+For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>ntflix-ntlabs</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script src="/dist/build.js"></script>
+
+    
+
+
+  </body>
+</html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
+{
+  "name": "ntflix-ntlabs",
+  "description": "A Vue.js project",
+  "version": "1.0.0",
+  "author": "Daniela Olinda",
+  "license": "MIT",
+  "private": true,
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
+    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
+  },
+  "dependencies": {
+    "vue": "^2.5.11"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ],
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
+    "babel-preset-env": "^1.6.0",
+    "babel-preset-stage-3": "^6.24.1",
+    "cross-env": "^5.0.5",
+    "css-loader": "^0.28.7",
+    "file-loader": "^1.1.4",
+    "vue-loader": "^13.0.5",
+    "vue-template-compiler": "^2.4.4",
+    "webpack": "^3.6.0",
+    "webpack-dev-server": "^2.9.1"
+  }
+}
--- a/src/App.vue
+++ b/src/App.vue
--- a/src/assets/04-Entenda-Melhor-SAILOR-MOON-1.jpg
+++ b/src/assets/04-Entenda-Melhor-SAILOR-MOON-1.jpg
--- a/src/assets/09-Power-Rangers-1-Temporada.jpg
+++ b/src/assets/09-Power-Rangers-1-Temporada.jpg
--- a/src/assets/Dragon-Ball-Super-brasil.jpg
+++ b/src/assets/Dragon-Ball-Super-brasil.jpg
--- a/src/assets/He-man.jpg
+++ b/src/assets/He-man.jpg
--- a/src/assets/NTFLIXLogo - Copia.jpg
+++ b/src/assets/NTFLIXLogo - Copia.jpg
--- a/src/assets/Pica-Pau-.jpg
+++ b/src/assets/Pica-Pau-.jpg
--- a/src/assets/as-meninas-superpoderosas-hbo-max.jpg
+++ b/src/assets/as-meninas-superpoderosas-hbo-max.jpg
--- a/src/assets/cavaleiros.jpg
+++ b/src/assets/cavaleiros.jpg
--- a/src/assets/cavena-do-dragao.jpg
+++ b/src/assets/cavena-do-dragao.jpg
--- a/src/assets/naruto.jpg
+++ b/src/assets/naruto.jpg
--- a/src/assets/samurai.jpg
+++ b/src/assets/samurai.jpg
--- a/src/assets/transformes.jpg
+++ b/src/assets/transformes.jpg
--- a/src/assets/ultraman.jpg
+++ b/src/assets/ultraman.jpg
--- a/src/assets/witch.jpg
+++ b/src/assets/witch.jpg
--- a/src/assets/yu-gi-oh.png
+++ b/src/assets/yu-gi-oh.png
--- a/src/componentes/cadastro.vue
+++ b/src/componentes/cadastro.vue
+<template>
+    <h1>cadastro</h1>
+</template>
+<script>
+import { defineComponent } from '@vue/composition-api'
+
+export default defineComponent({
+    setup() {
+        
+    },
+})
+</script>
+<style >
+
+</style>
\ No newline at end of file
--- a/src/main.js
+++ b/src/main.js
+import Vue from 'vue'
+import App from './App.vue'
+
+
+Vue.component('component-a', { /* */})
+Vue.component('component-b', { /* ... */ })
+Vue.component('component-c', { /* ... */ })
+
+new Vue({ el: '#app' })
+new Vue({
+  el: '#app',
+  render: h => h(App)
+})
+
+
+new Vue({
+  el: '#app',
+  components: {
+    'component-home': home,
+    'component-b': cadastro
+  }
+})
+
+var menu = vue.components ('menu-content', {
+template: '#menuContent',
+  
+
+
+
+
+})
--- a/webpack.config.js
+++ b/webpack.config.js
+var path = require('path')
+var webpack = require('webpack')
+
+module.exports = {
+  entry: './src/main.js',
+  output: {
+    path: path.resolve(__dirname, './dist'),
+    publicPath: '/dist/',
+    filename: 'build.js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          'vue-style-loader',
+          'css-loader'
+        ],
+      },      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          loaders: {
+          }
+          // other vue-loader options go here
+        }
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/
+      },
+      {
+        test: /\.(png|jpg|gif|svg)$/,
+        loader: 'file-loader',
+        options: {
+          name: '[name].[ext]?[hash]'
+        }
+      }
+    ]
+  },
+  resolve: {
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js'
+    },
+    extensions: ['*', '.js', '.vue', '.json']
+  },
+  devServer: {
+    historyApiFallback: true,
+    noInfo: true,
+    overlay: true
+  },
+  performance: {
+    hints: false
+  },
+  devtool: '#eval-source-map'
+}
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports.devtool = '#source-map'
+  // http://vue-loader.vuejs.org/en/workflow/production.html
+  module.exports.plugins = (module.exports.plugins || []).concat([
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: '"production"'
+      }
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      sourceMap: true,
+      compress: {
+        warnings: false
+      }
+    }),
+    new webpack.LoaderOptionsPlugin({
+      minimize: true
+    })
+  ])
+}