Set up ESLint and PrimeVue

.eslintrc.cjs

@@ -0,0 +1,24 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/essential',
+    'plugin:@typescript-eslint/recommended',
+    '@nuxtjs/eslint-config-typescript',
+    'plugin:prettier/recommended'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    parser: '@typescript-eslint/parser',
+    sourceType: 'module'
+  },
+  plugins: ['vue', '@typescript-eslint'],
+  rules: {
+    camelcase: 0,
+    'prettier/prettier': 2
+  }
+};

.gitignore

@@ -0,0 +1,8 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "tabWidth": 2,
+  "printWidth": 80,
+  "useTabs": false,
+  "singleQuote": true,
+  "arrowParens": "always",
+  "trailingComma": "none",
+  "endOfLine": "lf"
+}

README.md

@@ -0,0 +1,42 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install --shamefully-hoist
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Checkout the [deployment documentation](https://v3.nuxtjs.org/guide/deploy/presets) for more information.

app.vue

@@ -0,0 +1,3 @@
+<template>
+  <h1>Hello World!</h1>
+</template>

assets/base.css

@@ -0,0 +1,29 @@
+html,
+body,
+#__nuxt {
+  width: 100vw;
+  height: 100vh;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  overflow-x: hidden;
+  font-family: var(--font-family);
+  background-color: var(--surface-0);
+  color: var(--text-color);
+}
+
+a,
+a:visited {
+  color: var(--green-400);
+  text-decoration: none;
+}
+
+a:hover {
+  color: var(--green-600);
+}
+
+button.p-button.p-component:disabled {
+  cursor: not-allowed;
+}

nuxt.config.ts

@@ -0,0 +1,19 @@
+import { defineNuxtConfig } from 'nuxt';
+import eslintPlugin from 'vite-plugin-eslint';
+
+// https://v3.nuxtjs.org/api/configuration/nuxt.config
+export default defineNuxtConfig({
+  build: {
+    transpile: ['primevue']
+  },
+  css: [
+    'primevue/resources/primevue.min.css',
+    'primevue/resources/themes/arya-green/theme.css',
+    'primeflex/primeflex.min.css',
+    'primeicons/primeicons.css',
+    '~~/assets/base.css'
+  ],
+  vite: {
+    plugins: [eslintPlugin()]
+  }
+});

package.json

@@ -0,0 +1,28 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "prettier-format": "prettier --config .prettierrc --ignore-path .gitignore --write \"./**/*.{vue,js,ts}\"",
+    "lint": "eslint . --ext .vue,.ts --ignore-path .gitignore"
+  },
+  "devDependencies": {
+    "@nuxtjs/eslint-config-typescript": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.30.0",
+    "@typescript-eslint/parser": "^5.30.0",
+    "@vue/eslint-config-prettier": "^7.0.0",
+    "eslint": "^8.18.0",
+    "eslint-plugin-prettier": "^4.1.0",
+    "eslint-plugin-vue": "^9.1.1",
+    "nuxt": "3.0.0-rc.4",
+    "prettier": "^2.7.1",
+    "vite-plugin-eslint": "^1.6.1"
+  },
+  "dependencies": {
+    "primeflex": "^3.2.1",
+    "primeicons": "^5.0.0",
+    "primevue": "^3.15.0"
+  }
+}

tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}