diff --git a/MVC/PivotTable/packages.config b/MVC/PivotTable/packages.config index 3056948..416c2a5 100644 --- a/MVC/PivotTable/packages.config +++ b/MVC/PivotTable/packages.config @@ -1,8 +1,8 @@  - - + + diff --git a/VUE/README.md b/VUE/README.md index 64beaa3..70cdbd5 100644 --- a/VUE/README.md +++ b/VUE/README.md @@ -25,5 +25,5 @@ npm install * Initialize the Pivot Table, map the hosted URL, create a pivot report, and finally run your project using the following command to achieve the desired result. ```sh -npm run dev +npm run serve ``` \ No newline at end of file diff --git a/VUE/pivot-table/.babelrc b/VUE/pivot-table/.babelrc deleted file mode 100644 index e812394..0000000 --- a/VUE/pivot-table/.babelrc +++ /dev/null @@ -1,6 +0,0 @@ -{ - "presets": [ - ["env", { "modules": false }], - "stage-3" - ] -} diff --git a/VUE/pivot-table/.editorconfig b/VUE/pivot-table/.editorconfig deleted file mode 100644 index 9d08a1a..0000000 --- a/VUE/pivot-table/.editorconfig +++ /dev/null @@ -1,9 +0,0 @@ -root = true - -[*] -charset = utf-8 -indent_style = space -indent_size = 2 -end_of_line = lf -insert_final_newline = true -trim_trailing_whitespace = true diff --git a/VUE/pivot-table/.gitignore b/VUE/pivot-table/.gitignore new file mode 100644 index 0000000..38adffa --- /dev/null +++ b/VUE/pivot-table/.gitignore @@ -0,0 +1,28 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +.DS_Store +dist +dist-ssr +coverage +*.local + +/cypress/videos/ +/cypress/screenshots/ + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/VUE/pivot-table/index.html b/VUE/pivot-table/index.html index 3599cf0..c2c7a9e 100644 --- a/VUE/pivot-table/index.html +++ b/VUE/pivot-table/index.html @@ -1,11 +1,14 @@ - - pivot-sample - + + + + Vite Vue 2.7 + +
- + - + \ No newline at end of file diff --git a/VUE/pivot-table/package.json b/VUE/pivot-table/package.json index 3cd5efa..11fb006 100644 --- a/VUE/pivot-table/package.json +++ b/VUE/pivot-table/package.json @@ -1,34 +1,19 @@ { - "name": "pivot-sample", - "description": "A Vue.js project", - "version": "1.0.0", - "author": "KarthickrajaMuthuRaman ", - "license": "MIT", + "name": "ite-vue", + "version": "0.0.0", "private": true, "scripts": { - "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", - "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" + "serve": "vite --port 3000", + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, "dependencies": { - "@syncfusion/ej2-vue-pivotview": "^20.4.43", - "vue": "^2.5.11" + "@syncfusion/ej2-vue-pivotview": "^27.1.48", + "vue": "^2.7.14" }, - "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" + "@vitejs/plugin-vue2": "*", + "vite": "^4.1.4" } -} +} \ No newline at end of file diff --git a/VUE/pivot-table/public/favicon.ico b/VUE/pivot-table/public/favicon.ico new file mode 100644 index 0000000..df36fcf Binary files /dev/null and b/VUE/pivot-table/public/favicon.ico differ diff --git a/VUE/pivot-table/src/App.css b/VUE/pivot-table/src/App.css new file mode 100644 index 0000000..e69de29 diff --git a/VUE/pivot-table/src/App.vue b/VUE/pivot-table/src/App.vue index 6f3ec6f..8c2f5e3 100644 --- a/VUE/pivot-table/src/App.vue +++ b/VUE/pivot-table/src/App.vue @@ -12,17 +12,19 @@ + + @import "../node_modules/@syncfusion/ej2-base/styles/material.css"; + @import "../node_modules/@syncfusion/ej2-inputs/styles/material.css"; + @import "../node_modules/@syncfusion/ej2-buttons/styles/material.css"; + @import "../node_modules/@syncfusion/ej2-dropdowns/styles/material.css"; + @import "../node_modules/@syncfusion/ej2-lists/styles/material.css"; + @import "../node_modules/@syncfusion/ej2-popups/styles/material.css"; + @import "../node_modules/@syncfusion/ej2-navigations/styles/material.css"; + @import "../node_modules/@syncfusion/ej2-grids/styles/material.css"; + @import "../node_modules/@syncfusion/ej2-vue-pivotview/styles/material.css"; + \ No newline at end of file diff --git a/VUE/pivot-table/src/assets/logo.png b/VUE/pivot-table/src/assets/logo.png deleted file mode 100644 index f3d2503..0000000 Binary files a/VUE/pivot-table/src/assets/logo.png and /dev/null differ diff --git a/VUE/pivot-table/src/main.js b/VUE/pivot-table/src/main.js index 385fcfe..b28ce89 100644 --- a/VUE/pivot-table/src/main.js +++ b/VUE/pivot-table/src/main.js @@ -1,7 +1,22 @@ import Vue from 'vue' +import './App.css' import App from './App.vue' +const NotFound = { template: '

Page not found

' } + +const routes = { + '/': App, +} + new Vue({ el: '#app', - render: h => h(App) -}) + data: { + currentRoute: window.location.pathname + }, + computed: { + ViewComponent () { + return routes[this.currentRoute] || NotFound + } + }, + render (h) { return h(this.ViewComponent) } +}) \ No newline at end of file diff --git a/VUE/pivot-table/vite.config.js b/VUE/pivot-table/vite.config.js new file mode 100644 index 0000000..655769f --- /dev/null +++ b/VUE/pivot-table/vite.config.js @@ -0,0 +1,15 @@ +import { fileURLToPath, URL } from 'node:url' + +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue2' + +// https://vitejs.dev/config/ +export default defineConfig({ + plugins: [vue()], + resolve: { + alias: { + '@': fileURLToPath(new URL('./src', import.meta.url)), + 'vue': 'vue/dist/vue.esm.js' + } + } +}) diff --git a/VUE/pivot-table/webpack.config.js b/VUE/pivot-table/webpack.config.js deleted file mode 100644 index 76a86f5..0000000 --- a/VUE/pivot-table/webpack.config.js +++ /dev/null @@ -1,78 +0,0 @@ -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 - }) - ]) -}