updated dependencies for vue 3 and vite

Updated vue and vuex to vue 3 and vuex 4
Replaced vue-cli with vite
Removing a whole bunch of dependencies in the process
This commit is contained in:
Ali Gator 2022-11-29 17:23:37 +01:00
parent a8124514bd
commit ceee7f13d7
7 changed files with 1537 additions and 34638 deletions

View File

@ -1,9 +1,13 @@
module.exports = { module.exports = {
env: {
node: true, // remove
es2021: true,
},
extends: [ extends: [
// add more generic rulesets here, such as: // add more generic rulesets here, such as:
'eslint:recommended', 'eslint:recommended',
//'plugin:vue/vue3-recommended', 'plugin:vue/vue3-recommended',
'plugin:vue/recommended', // Use this if you are using Vue.js 2.x. "prettier"
], ],
rules: { rules: {
// override/add rules settings here, such as: // override/add rules settings here, such as:

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

21
index.html Normal file
View File

@ -0,0 +1,21 @@
<!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="/favicon.ico">
<title>Explorata</title>
</head>
<body>
<noscript>
<strong>
Althought you're right to browse the Web with Javascript disabled, Explorata doesn't work properly without it.
Please enable Javascript to continue.
</strong>
</noscript>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

36084
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -3,26 +3,23 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "dev": "vite",
"build": "vue-cli-service build", "build": "vite build",
"lint": "vue-cli-service lint" "serve": "vite preview",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src"
}, },
"dependencies": { "dependencies": {
"core-js": "^3.6.5", "@vitejs/plugin-vue": "^3.2.0",
"vue": "^2.6.11", "install": "^0.13.0",
"vuex": "^3.6.2" "vite": "^3.2.4",
"vue": "3.2",
"vuex": "4.1"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli": "^4.5.15", "eslint": "^8.28.0",
"@vue/cli-service-global": "^4.5.15", "eslint-config-prettier": "^8.5.0",
"@vue/cli-plugin-babel": "~4.5.0", "eslint-plugin-vue": "^9.8.0",
"@vue/cli-plugin-eslint": "~4.5.0", "prettier": "2.8.0"
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"vue-template-compiler": "^2.6.11"
}, },
"eslintConfig": { "eslintConfig": {
"root": true, "root": true,

View File

@ -1,17 +0,0 @@
<!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>

16
vite.config.js Normal file
View File

@ -0,0 +1,16 @@
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const path = require("path");
export default defineConfig({
plugins: [vue()],
server: {
host: '127.0.0.1'
},
resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),
},
},
})