init

Author: BYSu

.browserslistrc

@@ -0,0 +1,2 @@
+> 1%
+last 2 versions

.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc.js

@@ -0,0 +1,27 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/recommended',
+    '@vue/standard'
+  ],
+  rules: {
+    'no-console': 'off',
+    'no-debugger': 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)'
+      ],
+      env: {
+        mocha: true
+      }
+    }
+  ]
+}

.gitignore

@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+# .vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.vscode/blueprint-templates/vue-component-template/index.vue

@@ -0,0 +1,8 @@
+<script>
+export default {
+  name: '{{ camelCase name }}'
+}
+</script>
+
+<template src="./template.html"></template>
+<style lang="scss" src="./style.scss"></style>

.vscode/blueprint-templates/vue-component-template/manifest.json

@@ -0,0 +1,6 @@
+{
+  "suffixesToIgnoreInInput": [
+    "Component"
+  ],
+  "createFilesInFolderWithPattern": "__pascalCase_name__"
+}

.vscode/blueprint-templates/vue-component-template/style.scss

@@ -0,0 +1,3 @@
+.{{camelCase name}}{
+  
+}

.vscode/blueprint-templates/vue-component-template/template.html

@@ -0,0 +1,3 @@
+<div class="{{camelCase name}}">
+  {{pascalCase name}}
+</div>

.vscode/blueprint-templates/vue-story-template/_pascalCase_name__.stories.js

@@ -0,0 +1,16 @@
+import Vue from 'vue'
+import {{pascalCase name}} from './index.vue'
+
+Vue.component('{{pascalCase name}}', {{pascalCase name}})
+
+export default { title: '{{pascalCase name}}' }
+
+export const withText = () => '<{{pascalCase name}}>with text</{{pascalCase name}}>'
+
+export const withEmoji = () => '<{{pascalCase name}}>😀 😎 👍 💯{{pascalCase name}}</{{pascalCase name}}>'
+
+export const asAComponent = () => ({
+  name: 'asAComponent',
+  components: { {{pascalCase name}} },
+  render: h => <{{pascalCase name}} ></{{pascalCase name}}>
+})

.vscode/blueprint-templates/vue-story-template/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="{{camelCase name}}">
+    {{pascalCase name}}
+  </div>
+</template>
+
+<script>
+export default {
+  name: '{{ camelCase name }}'
+}
+</script>
+
+<style lang="scss" src="./style.scss"></style>