Site is no longer updating due to outdated version of Ubuntu under the hood ...

[philanderson888]

Probably deploy a whole new site from scratch ... would be good for my learning anyway ...

[philanderson888]

am going to try to install a new version of the libraries first, let's see what happens when I try that

1. list all the libraries in package.json
2. copy package.json
3. copy package-lock.json
4. delete node_modules
5. run yarn add on all the libraries again
6. see if the app builds and runs
7. see if the app deploys to netlify !

let's see what happens!

[philanderson888]

OK so here is existing package.json

{
  "name": "vue-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@fortawesome/fontawesome-free": "^5.11.2",
    "bulma": "^0.8.0",
    "core-js": "^3.3.2",
    "vue": "^2.6.10",
    "vue-class-component": "^7.0.2",
    "vue-property-decorator": "^8.3.0",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.0.0",
    "@vue/cli-plugin-typescript": "^4.0.0",
    "@vue/cli-service": "^4.0.0",
    "typescript": "~3.5.3",
    "vue-template-compiler": "^2.6.10"
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}

so I'm going to try to strip out

  "dependencies": {
    "@fortawesome/fontawesome-free": "^5.11.2",
    "bulma": "^0.8.0",
    "core-js": "^3.3.2",
    "vue": "^2.6.10",
    "vue-class-component": "^7.0.2",
    "vue-property-decorator": "^8.3.0",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.0.0",
    "@vue/cli-plugin-typescript": "^4.0.0",
    "@vue/cli-service": "^4.0.0",
    "typescript": "~3.5.3",
    "vue-template-compiler": "^2.6.10"
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },

[philanderson888]

ok i have created a new project from scratch using

installing vue3 with vite

as of 2022 this is the recommended way to build vuejs projects

npm create vue@3
/* 
choose 'yes' to all except adding JSX support
*/
cd vue-project
npm install
npm run lint
npm run dev

[philanderson888]

let's see if i can now add back in my libraries ...

[philanderson888]

so I have the new site up and running but it's nothing to do with the old site ... a completely new one... and their are issues with css jumping around so have to fix them first ...