add eslint and stylelint on vite build

Signed-off-by: Julien Veyssier <[email protected]>

package.json

@@ -70,6 +70,8 @@
 		"@nextcloud/vite-config": "^1.4.2",
 		"eslint-webpack-plugin": "^4.0.0",
 		"stylelint": "^16.5.0",
-		"stylelint-webpack-plugin": "^5.0.0"
+		"stylelint-webpack-plugin": "^5.0.0",
+		"vite-plugin-eslint": "^1.8.1",
+		"vite-plugin-stylelint": "^5.3.1"
 	}
 }

src/dashboard.js

@@ -9,11 +9,11 @@
  * @copyright Julien Veyssier 2020
  */
 
-import { linkTo } from '@nextcloud/router'
-import { getRequestToken } from '@nextcloud/auth'
+// import { linkTo } from '@nextcloud/router'
+// import { getRequestToken } from '@nextcloud/auth'
 
-//__webpack_nonce__ = btoa(getRequestToken()) // eslint-disable-line
-//__webpack_public_path__ = linkTo('cospend', 'js/') // eslint-disable-line
+// __webpack_nonce__ = btoa(getRequestToken()) // eslint-disable-line
+// __webpack_public_path__ = linkTo('cospend', 'js/') // eslint-disable-line
 
 document.addEventListener('DOMContentLoaded', () => {
 	OCA.Dashboard.register('cospend_activity', async (el, { widget }) => {

src/main.js

@@ -14,8 +14,8 @@ import './bootstrap.js'
 import App from './App.vue'
 import { showError } from '@nextcloud/dialogs'
 import '@nextcloud/dialogs/style.css'
-import { getRequestToken } from '@nextcloud/auth'
-import { generateFilePath } from '@nextcloud/router'
+// import { getRequestToken } from '@nextcloud/auth'
+// import { generateFilePath } from '@nextcloud/router'
 import { loadState } from '@nextcloud/initial-state'
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
 import vueAwesomeCountdown from 'vue-awesome-countdown'
@@ -31,8 +31,8 @@ Vue.use(VueClipboard)
 Vue.use(SmartTable)
 Vue.directive('tooltip', Tooltip)
 
-//__webpack_nonce__ = btoa(getRequestToken()) // eslint-disable-line
-//__webpack_public_path__ = generateFilePath('cospend', '', 'js/') // eslint-disable-line
+// __webpack_nonce__ = btoa(getRequestToken()) // eslint-disable-line
+// __webpack_public_path__ = generateFilePath('cospend', '', 'js/') // eslint-disable-line
 
 function restoreOptions() {
 	network.getOptionValues().then((response) => {

vite.config.ts

@@ -3,6 +3,8 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { createAppConfig } from '@nextcloud/vite-config'
+import eslint from 'vite-plugin-eslint'
+import stylelint from 'vite-plugin-stylelint'
 
 export default createAppConfig({
 	main: 'src/main.js',
@@ -16,6 +18,7 @@ export default createAppConfig({
 				localsConvention: 'camelCase',
 			},
 		},
+		plugins: [eslint(), stylelint()],
 	},
 	inlineCSS: { relativeCSSInjection: true },
 })