Refactoring the frontend setup

All of our frontend Vue application's code is stored in the ClientApp folder. Eventually, this will include all of our application pages, components, client-side router setup, and client-side state management. In order to remove our dependency on TypeScript, there are a couple of things we need to do—remove all references to anything TypeScript-related from our package dependencies and configuration files, and remove or update the existing components to plain old JavaScript components.

 

 

 

 

Removing TypeScript

We can start by opening up the package.json file and removing the following lines:

"@types/webpack-env": "^1.13.0",
"awesome-typescript-loader": "^3.0.0",
"bootstrap": "^3.3.6",
"jquery": "^3.1.1",
"typescript": "^2.2.1",
"vue-property-decorator": "^5.0.1"

This should leave the entire file looking as follows:

{
    "name": "ECommerce",
    "private": true,
    "version": "0.0.0",
    "devDependencies": {
        "aspnet-webpack": "^2.0.1",   
        "css-loader...