Feat: Generate typescript package types and tests

.eslintrc

@@ -6,6 +6,7 @@
     "use": true
   },
   "rules": {
-    "no-console": "off"
+    "no-console": "off",
+    "vue/no-parsing-error": "off"
   }
 }

packages/cna-template/template/frameworks/buefy/components/Card.vue

@@ -26,8 +26,7 @@
   </div>
 </template>
 
-<script>
-export default {
+<%- generateComponent('', `{
   props: {
     title: {
       type: String,
@@ -38,5 +37,4 @@ export default {
       required: true
     }
   }
-}
-</script>
+}`) %>

packages/cna-template/template/frameworks/buefy/layouts/default.vue

@@ -52,8 +52,7 @@
   </div>
 </template>
 
-<script>
-export default {
+<%- generateComponent('', `{
   data () {
     return {
       items: [
@@ -70,5 +69,4 @@ export default {
       ]
     }
   }
-}
-</script>
+}`) %>

packages/cna-template/template/frameworks/buefy/pages/index.vue

@@ -40,14 +40,11 @@
   </section>
 </template>
 
-<script>
-import Card from '~/components/Card'
-
-export default {
+<%- generateComponent(
+  `import Card from '~/components/Card'`, `{
   name: 'HomePage',
 
   components: {
     Card
   }
-}
-</script>
+}`) %>

packages/cna-template/template/frameworks/framevuerk/components/FramevuerkLogo.vue

@@ -26,8 +26,7 @@
   </div>
 </template>
 
-<script>
-export default {
+<%- generateComponent('',`{
   data () {
     return {
       isReady: false
@@ -38,8 +37,7 @@ export default {
       this.isReady = true
     }, 1000)
   }
-}
-</script>
+}`) %>
 
 <style scoped>
 .logo {

packages/cna-template/template/frameworks/framevuerk/pages/index.vue

@@ -133,11 +133,9 @@
   </fvMain>
 </template>
 
-<script>
-import Logo from '~/components/Logo.vue'
-import FramevuerkLogo from '~/components/FramevuerkLogo.vue'
-
-export default {
+<%- generateComponent(
+  `import Logo from '~/components/Logo.vue'
+import FramevuerkLogo from '~/components/FramevuerkLogo.vue'`, `{
   components: {
     Logo,
     FramevuerkLogo
@@ -169,9 +167,7 @@ export default {
       })
     }
   }
-}
-</script>
-
+}`) %>
 <style scoped>
 .content {
   margin: 0 auto;

packages/cna-template/template/frameworks/iview/pages/index.vue

@@ -23,14 +23,12 @@
   </div>
 </template>
 
-<script>
-import Logo from '~/components/Logo.vue'
-export default {
+<%- generateComponent(
+`import Logo from '~/components/Logo.vue'`,`{
   components: {
     Logo
   }
-}
-</script>
+}`) %>
 
 <style>
 .container {

packages/cna-template/template/frameworks/vuesax/pages/index.vue

@@ -61,17 +61,15 @@
   </div>
 </template>
 
-<script>
-import Logo from '~/components/Logo.vue'
-import VuesaxLogo from '~/components/VuesaxLogo.vue'
-
-export default {
+<%- generateComponent(`
+  import Logo from '~/components/Logo.vue'
+  import VuesaxLogo from '~/components/VuesaxLogo.vue'
+`,`{
   components: {
     Logo,
     VuesaxLogo
   }
-}
-</script>
+}`)%>
 
 <style>
 .container {

packages/cna-template/template/frameworks/vuetify/layouts/default.vue

@@ -88,8 +88,7 @@
   </v-app>
 </template>
 
-<script>
-export default {
+<%- generateComponent(``,`{
   data () {
     return {
       clipped: false,
@@ -113,5 +112,4 @@ export default {
       title: 'Vuetify.js'
     }
   }
-}
-</script>
+}`) %>

packages/cna-template/template/frameworks/vuetify/layouts/error.vue

@@ -12,8 +12,7 @@
   </v-app>
 </template>
 
-<script>
-export default {
+<%- generateComponent(``,`{
   layout: 'empty',
   props: {
     error: {
@@ -34,8 +33,7 @@ export default {
       title
     }
   }
-}
-</script>
+}`) %>
 
 <style scoped>
 h1 {

packages/cna-template/template/frameworks/vuetify/pages/index.vue

@@ -79,14 +79,12 @@
   </v-layout>
 </template>
 
-<script>
-import Logo from '~/components/Logo.vue'
-import VuetifyLogo from '~/components/VuetifyLogo.vue'
-
-export default {
+<%- generateComponent(`
+  import Logo from '~/components/Logo.vue'
+  import VuetifyLogo from '~/components/VuetifyLogo.vue'
+`,`{
   components: {
     Logo,
     VuetifyLogo
   }
-}
-</script>
+}`) %>

packages/cna-template/template/nuxt/nuxt.config.js

@@ -180,7 +180,7 @@ module.exports = {
     /*
     ** You can extend webpack config here
     */
-    extend (config, ctx) {
+    extend (_config, _ctx) {
     }
   }
 }

packages/cna-template/template/nuxt/nuxt.config.ts

@@ -0,0 +1,182 @@
+
+import { Configuration } from '@nuxt/types'
+
+<%_ if (ui === 'vuetify') { _%>
+import colors from 'vuetify/es5/util/colors'
+<%_ } _%>
+<%_ if (server === 'adonis') { _%>
+  import { resolve } from 'path'
+<%_ } _%>
+
+const config: Configuration = {
+  mode: '<%= mode %>',
+  <%_ if (server === 'adonis') { _%>
+  dev: process.env.NODE_ENV === 'development',
+  srcDir: resolve(__dirname, '..', 'resources'),
+  <%_ } _%>
+  /*
+  ** Headers of the page
+  */
+  head: {
+    <%_ if (ui === 'vuetify') { _%>
+    titleTemplate: '%s - ' + process.env.npm_package_name,
+    <%_ } _%>
+    title: process.env.npm_package_name || '',
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
+    ],
+    link: [
+      <%_ if (ui === 'framevuerk') { _%>
+      {
+        rel: 'stylesheet',
+        href:
+          'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons'
+      },
+      <%_ } _%>
+      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
+    ]
+  },
+  /*
+  ** Customize the progress-bar color
+  */
+  loading: { color: '#fff' },
+  /*
+  ** Global CSS
+  */
+  css: [
+    <%_ if (ui === 'element-ui') { _%>
+    'element-ui/lib/theme-chalk/index.css'
+    <%_ } else if (ui === 'iview') { _%>
+    'iview/dist/styles/iview.css'
+    <%_ } else if (ui === 'ant-design-vue') { _%>
+    'ant-design-vue/dist/antd.css'
+    <%_ } else if (ui === 'tachyons') { _%>
+    'tachyons/css/tachyons.css'
+    <%_ } else if (ui === 'framevuerk') { _%>
+      'framevuerk/dist/framevuerk-nuxt.min.css'
+    <%_ } else if (ui === 'vuesax') { _%>
+    'vuesax/dist/vuesax.css'
+    <%_ } _%>
+  ],
+  /*
+  ** Plugins to load before mounting the App
+  */
+  plugins: [
+    <%_ if (ui === 'element-ui') { _%>
+    '@/plugins/element-ui'
+    <%_ } else if (ui === 'iview') { _%>
+    '@/plugins/iview'
+    <%_ } else if (ui === 'ant-design-vue') { _%>
+    '@/plugins/antd-ui'
+    <%_ } else if (ui === 'framevuerk') { _%>
+    '@/plugins/framevuerk'
+    <%_ } else if (ui === 'vuesax') { _%>
+    '@/plugins/vuesax'
+    <%_ } _%>
+  ],
+  /*
+  ** Nuxt.js dev-modules
+  */
+
+  buildModules: [
+    <%_ if (typescript) {_%>
+    '@nuxt/typescript-build',
+    <%_ } _%>
+    <%_ if (eslint) { _%>
+    // Doc: https://github.com/nuxt-community/eslint-module
+    '@nuxtjs/eslint-module',
+    <%_ } _%>
+    <%_ if (stylelint) { _%>
+    // Doc: https://github.com/nuxt-community/stylelint-module
+    '@nuxtjs/stylelint-module',
+    <%_ } _%>
+    <%_ if (ui === 'tailwind') { _%>
+    // Doc: https://github.com/nuxt-community/nuxt-tailwindcss
+    '@nuxtjs/tailwindcss',
+    <%_ } else if (ui === 'vuetify') { _%>
+    '@nuxtjs/vuetify',
+    <%_ } _%>
+  ],
+  /*
+  ** Nuxt.js modules
+  */
+  modules: [
+    <%_ if (ui === 'bootstrap') { _%>
+    // Doc: https://bootstrap-vue.js.org
+    'bootstrap-vue/nuxt',
+    <%_ } else if (ui === 'bulma') { _%>
+    // Doc: https://github.com/nuxt-community/modules/tree/master/packages/bulma
+    '@nuxtjs/bulma',
+    <%_ } else if (ui === 'buefy') { _%>
+    // Doc: https://buefy.github.io/#/documentation
+    'nuxt-buefy',
+    <%_ } _%>
+    <%_ if (axios) { _%>
+    // Doc: https://axios.nuxtjs.org/usage
+    '@nuxtjs/axios',
+    <%_ } _%>
+    <%_ if (pwa) { _%>
+    '@nuxtjs/pwa',
+    <%_ } _%>
+    <%_ if (dotenv) { _%>
+    // Doc: https://github.com/nuxt-community/dotenv-module
+    '@nuxtjs/dotenv',
+    <%_ } _%>
+  ],
+  <%_ if (axios) { _%>
+  /*
+  ** Axios module configuration
+  ** See https://axios.nuxtjs.org/options
+  */
+  axios: {
+  },
+  <%_ } _%>
+  <%_ if (ui === 'vuetify') { _%>
+  /*
+  ** vuetify module configuration
+  ** https://github.com/nuxt-community/vuetify-module
+  */
+  vuetify: {
+    customVariables: ['~/assets/variables.scss'],
+    theme: {
+      dark: true,
+      themes: {
+        dark: {
+          primary: colors.blue.darken2,
+          accent: colors.grey.darken3,
+          secondary: colors.amber.darken3,
+          info: colors.teal.lighten1,
+          warning: colors.amber.base,
+          error: colors.deepOrange.accent4,
+          success: colors.green.accent3
+        }
+      }
+    }
+  },
+  <%_ } _%>
+  /*
+  ** Build configuration
+  */
+  build: {
+    <%_ if (ui === 'bulma') { _%>
+    postcss: {
+      preset: {
+        features: {
+          customProperties: false
+        }
+      }
+    },
+    <%_ } else if (ui === 'element-ui') { _%>
+    transpile: [/^element-ui/],
+    <%_ } _%>
+    /*
+    ** You can extend webpack config here
+    */
+    extend (_config, _ctx) {
+    }
+  }
+}
+
+export default config;