fix: linting changes

Author: codebender828

.changeset/ten-eels-film.md

@@ -0,0 +1,10 @@
+---
+'vue-cli-plugin-chakra-ui': minor
+'nuxt-js': patch
+'@chakra-ui/vue': patch
+'@chakra-ui/nuxt': patch
+'@chakra-ui/theme-vue': patch
+'chakra-ui-docs': patch
+---
+
+feat: create version symlinking for vue-cli-plugin-chakra-ui

.eslintignore

@@ -5,4 +5,5 @@ sw.js
 **/lib/plugin.js
 **/.nuxt
 **/coverage
-node_modules
+node_modules
+**/vue-cli-plugin/generator/template

examples/nuxt-js/nuxt.config.js

@@ -1,6 +1,7 @@
 import * as icons from './utils/icons'
 
 export default {
+  ssr: true,
   // Target: https://go.nuxtjs.dev/config-target
   target: 'static',
 

package.json

@@ -68,7 +68,7 @@
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^8.3.4",
     "@emotion/babel-plugin": "^11.1.2",
-    "@emotion/css": "^11.1.3",
+    "@emotion/css": "^11.0.0",
     "@emotion/eslint-plugin": "^11.0.0",
     "@emotion/jest": "^11.3.0",
     "@manypkg/cli": "^0.18.0",
@@ -152,7 +152,7 @@
     "mdx-vue": "^1.0.2",
     "mdx-vue-loader": "^1.0.2",
     "node-fetch": "^2.6.0",
-    "nuxt": "^2.15.7",
+    "nuxt": "2.13.3",
     "portal-vue": "^2.1.6",
     "prettier": "^1.19.1",
     "prismjs": "^1.19.0",

packages/vue-cli-plugin/generator/helpers/add-chakra-loader-config.js

@@ -1,15 +1,15 @@
-const fs = require('fs');
-module.exports = function addChakraLoaderConfig(api) {
-    let content = "const { ChakraLoaderPlugin } = require('chakra-loader')\n\n";
-    content += "module.exports = {\n";
-    content += "\tconfigureWebpack: {\n";
-    content += "\t\tplugins: [\n";
-    content += "\t\t\tnew ChakraLoaderPlugin()\n";
-    content += "\t\t]\n";
-    content += "\t}\n";
-    content += "}\n"
-    fs.appendFileSync("vue.config.js", content);
+const fs = require('fs')
+module.exports = function addChakraLoaderConfig (api) {
+  let content = "const { ChakraLoaderPlugin } = require('chakra-loader')\n\n"
+  content += 'module.exports = {\n'
+  content += '\tconfigureWebpack: {\n'
+  content += '\t\tplugins: [\n'
+  content += '\t\t\tnew ChakraLoaderPlugin()\n'
+  content += '\t\t]\n'
+  content += '\t}\n'
+  content += '}\n'
+  fs.appendFileSync('vue.config.js', content)
 
-    api.exitLog('Auto import setup completed 🔥');
-    api.exitLog('You can use Chakra UI components without importing and registering them now')
-}
+  api.exitLog('Auto import setup completed 🔥')
+  api.exitLog('You can use Chakra UI components without importing and registering them now')
+}

packages/vue-cli-plugin/generator/helpers/register-chakra-vue-plugin.js

@@ -1,18 +1,19 @@
-module.exports = function registerChakraVuePlugin(api) {
-    let vueUseLine = `\n\nVue.use(Chakra)`;
+module.exports = function registerChakraVuePlugin (api) {
+  const vueUseLine = '\n\nVue.use(Chakra)'
 
-    const fs = require('fs');
+  const fs = require('fs')
 
-    let contentMain = fs.readFileSync(api.entryFile, { encoding: 'utf-8' });
+  let contentMain = fs.readFileSync(api.entryFile, { encoding: 'utf-8' })
 
-    const lines = contentMain.split(/\r?\n/g).reverse();
+  const lines = contentMain.split(/\r?\n/g).reverse()
 
-    const lastImportIndex = lines.findIndex((line) => line.match(/^import/));
+  // eslint-disable-next-line
+  const lastImportIndex = lines.findIndex(line => line.match(/^import/))
 
-    lines[lastImportIndex] += vueUseLine;
+  lines[lastImportIndex] += vueUseLine
 
-    // modify app
-    contentMain = lines.reverse().join('\n');
+  // modify app
+  contentMain = lines.reverse().join('\n')
 
-    fs.writeFileSync(api.entryFile, contentMain, { encoding: 'utf-8' });
-}
+  fs.writeFileSync(api.entryFile, contentMain, { encoding: 'utf-8' })
+}

packages/vue-cli-plugin/generator/index.js

@@ -1,39 +1,39 @@
-const addChakraLoaderConfig = require('./helpers/add-chakra-loader-config');
-const registerChakraVuePlugin = require('./helpers/register-chakra-vue-plugin');
 const chakraPkg = require('@chakra-ui/vue/package.json')
 const emotionPkg = require('@emotion/css/package.json')
 const chakraLoaderPkg = require('chakra-loader/package.json')
+const registerChakraVuePlugin = require('./helpers/register-chakra-vue-plugin')
+const addChakraLoaderConfig = require('./helpers/add-chakra-loader-config')
 
 module.exports = (api, options) => {
   api.extendPackage({
     dependencies: {
       '@chakra-ui/vue': `^${chakraPkg.version}`,
-      '@emotion/css': `^${emotionPkg.version}`,
-    },
-  });
+      '@emotion/css': `^${emotionPkg.version}`
+    }
+  })
 
   if (options.addChakraLoader) {
     api.extendPackage({
       devDependencies: {
-        'chakra-loader': `^${chakraLoaderPkg.version}`,
-      },
-    });
+        'chakra-loader': `^${chakraLoaderPkg.version}`
+      }
+    })
   }
 
-  api.injectImports(api.entryFile, `import Chakra from '@chakra-ui/vue'`);
+  api.injectImports(api.entryFile, 'import Chakra from \'@chakra-ui/vue\'')
 
   api.render('./template', {
     hasVueRouter: options.hasVueRouter,
-    hasChakraLoader: options.addChakraLoader,
-  });
+    hasChakraLoader: options.addChakraLoader
+  })
   api.onCreateComplete(() => {
-    registerChakraVuePlugin(api);
+    registerChakraVuePlugin(api)
 
     if (options.addChakraLoader) {
-      addChakraLoaderConfig(api);
+      addChakraLoaderConfig(api)
     }
-  });
+  })
 
-  api.exitLog('Chakra UI Vue is ready');
-  api.exitLog('Join the community on Discord - https://discord.gg/Tv8Jca');
-};
+  api.exitLog('Chakra UI Vue is ready')
+  api.exitLog('Join the community on Discord - https://discord.gg/Tv8Jca')
+}

packages/vue-cli-plugin/index.js

@@ -1 +1 @@
-module.exports = (api, options) => { }
+module.exports = (api, options) => { }

packages/vue-cli-plugin/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-cli-plugin-chakra-ui",
   "version": "1.0.3",
-  "description": "vue-cli plugin to add Chakra UI Vue",
+  "description": "Vue CLI plugin to add Chakra UI Vue",
   "main": "index.js",
   "scripts": {
     "test": "null"

packages/vue-cli-plugin/prompts/index.js

@@ -1,18 +1,18 @@
 module.exports = [
-    {
-        name: 'addChakraLoader',
-        type: 'confirm',
-        message: 'Auto import Chakra components?',
-        description: 'This will allow you to use Chakra components without manually importing and registering them.',
-        default: false,
-        validate: input => !!input
-    },
-    {
-        name: 'hasVueRouter',
-        type: 'confirm',
-        message: 'Is your project already setup with Vue Router?',
-        description: 'This will affect how App.vue is setup for you',
-        default: false,
-        validate: input => !!input
-    }
-]
+  {
+    name: 'addChakraLoader',
+    type: 'confirm',
+    message: 'Auto import Chakra components?',
+    description: 'This will allow you to use Chakra components without manually importing and registering them.',
+    default: false,
+    validate: input => !!input
+  },
+  {
+    name: 'hasVueRouter',
+    type: 'confirm',
+    message: 'Is your project already setup with Vue Router?',
+    description: 'This will affect how App.vue is setup for you',
+    default: false,
+    validate: input => !!input
+  }
+]