@fortawesome/vue-fontawesome 2.0.6 → 2.0.7

package/examples/vue-cli-webpack/package.json

@@ -1,77 +0,0 @@
-{
-  "name": "vue-cli-webpack",
-  "version": "1.0.0",
-  "description": "A Vue.js project",
-  "author": "robmadole <robmadole@gmail.com>",
-  "private": true,
-  "scripts": {
-    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
-    "start": "npm run dev",
-    "lint": "eslint --ext .js,.vue src",
-    "build": "node build/build.js"
-  },
-  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.7",
-    "@fortawesome/free-brands-svg-icons": "^5.4.2",
-    "@fortawesome/free-regular-svg-icons": "^5.4.2",
-    "@fortawesome/free-solid-svg-icons": "^5.4.2",
-    "@fortawesome/vue-fontawesome": "^0.1.9",
-    "vue": "^2.5.2"
-  },
-  "devDependencies": {
-    "autoprefixer": "^7.1.2",
-    "babel-core": "^6.22.1",
-    "babel-eslint": "^8.2.1",
-    "babel-helper-vue-jsx-merge-props": "^2.0.3",
-    "babel-loader": "^7.1.1",
-    "babel-plugin-syntax-jsx": "^6.18.0",
-    "babel-plugin-transform-runtime": "^6.22.0",
-    "babel-plugin-transform-vue-jsx": "^3.5.0",
-    "babel-preset-env": "^1.3.2",
-    "babel-preset-stage-2": "^6.22.0",
-    "chalk": "^2.0.1",
-    "copy-webpack-plugin": "^4.0.1",
-    "css-loader": "^0.28.0",
-    "eslint": "^4.15.0",
-    "eslint-config-standard": "^10.2.1",
-    "eslint-friendly-formatter": "^3.0.0",
-    "eslint-loader": "^1.7.1",
-    "eslint-plugin-import": "^2.7.0",
-    "eslint-plugin-node": "^5.2.0",
-    "eslint-plugin-promise": "^3.4.0",
-    "eslint-plugin-standard": "^3.0.1",
-    "eslint-plugin-vue": "^4.0.0",
-    "extract-text-webpack-plugin": "^3.0.0",
-    "file-loader": "^1.1.4",
-    "friendly-errors-webpack-plugin": "^1.6.1",
-    "html-webpack-plugin": "^2.30.1",
-    "node-notifier": "^5.1.2",
-    "optimize-css-assets-webpack-plugin": "^3.2.0",
-    "ora": "^1.2.0",
-    "portfinder": "^1.0.13",
-    "postcss-import": "^11.0.0",
-    "postcss-loader": "^2.0.8",
-    "postcss-url": "^7.2.1",
-    "rimraf": "^2.6.0",
-    "semver": "^5.3.0",
-    "shelljs": "^0.7.6",
-    "uglifyjs-webpack-plugin": "^1.1.1",
-    "url-loader": "^0.5.8",
-    "vue-loader": "^13.3.0",
-    "vue-style-loader": "^3.0.1",
-    "vue-template-compiler": "^2.5.2",
-    "webpack": "^3.6.0",
-    "webpack-bundle-analyzer": "^3.3.2",
-    "webpack-dev-server": "^3.1.11",
-    "webpack-merge": "^4.1.0"
-  },
-  "engines": {
-    "node": ">= 6.0.0",
-    "npm": ">= 3.0.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 8"
-  ]
-}

package/examples/vue-cli-webpack/src/App.vue

@@ -1,66 +0,0 @@
-<template>
-  <div id="app">
-    <main class="w-100 min-vh-100 bg-gray8 white sans-serif pa6 flex flex-column justify-center items-center">
-      <div class="mw8 center overflow-hidden">
-        <h2 class="tc ttu tracked3 b f2 mt0 mb2 teal0 o-30">vue-fontawesome</h2>
-
-        <ul class="list ma0 pa0 flex flex-row flex-wrap teal4">
-          <li class="pv3 ph2 ma0 link grow">
-            <font-awesome-icon icon="coffee" size="4x" />
-          </li>
-          <li class="pv3 ph2 ma0 link grow">
-            <font-awesome-icon :icon="['fas', 'coffee']" flip="horizontal" size="4x" />
-          </li>
-          <li class="pv3 ph2 ma0 link grow">
-            <font-awesome-icon :icon="['far', 'comment']" size="4x" />
-          </li>
-          <li class="pv3 ph2 ma0 link grow">
-            <font-awesome-icon icon="child" transform="shrink-4 down-2 right-2" :mask="['fas', 'circle']" size="4x" />
-          </li>
-          <li class="pv3 ph2 ma0 link grow">
-            <font-awesome-icon :icon="['fab', 'twitter']" size="4x" />
-          </li>
-          <li class="pv3 ph2 ma0 link grow">
-            <font-awesome-icon :icon="queen" size="4x" />
-          </li>
-          <li class="pv3 ph2 ma0 link grow">
-            <font-awesome-icon :icon="queen" size="4x" inverse/>
-          </li>
-          <li class="pv3 ph2 ma0 link grow">
-            <font-awesome-layers full-width class="fa-4x">
-              <font-awesome-icon :icon="['fas', 'archive']"/>
-              <font-awesome-layers-text class="red8" transform="down-3 shrink-14" value="SECRET" />
-            </font-awesome-layers>
-          </li>
-          <li class="pv3 ph2 ma0 link grow">
-            <font-awesome-layers full-width class="fa-4x">
-              <font-awesome-icon :icon="['fas', 'envelope']"/>
-              <font-awesome-layers-text class="red8" value="1" position="top-right" />
-            </font-awesome-layers>
-          </li>
-        </ul>
-      </div>
-    </main>
-  </div>
-</template>
-
-<script>
-import { faChessQueen } from '@fortawesome/free-solid-svg-icons'
-
-export default {
-  name: 'App',
-
-  computed: {
-    queen () {
-      return faChessQueen
-    }
-  }
-}
-</script>
-
-<style>
-body {
-  margin: 0;
-  padding: 0;
-}
-</style>

package/examples/vue-cli-webpack/src/components/HelloWorld.vue

@@ -1,113 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <h2>Essential Links</h2>
-    <ul>
-      <li>
-        <a
-          href="https://vuejs.org"
-          target="_blank"
-        >
-          Core Docs
-        </a>
-      </li>
-      <li>
-        <a
-          href="https://forum.vuejs.org"
-          target="_blank"
-        >
-          Forum
-        </a>
-      </li>
-      <li>
-        <a
-          href="https://chat.vuejs.org"
-          target="_blank"
-        >
-          Community Chat
-        </a>
-      </li>
-      <li>
-        <a
-          href="https://twitter.com/vuejs"
-          target="_blank"
-        >
-          Twitter
-        </a>
-      </li>
-      <br>
-      <li>
-        <a
-          href="http://vuejs-templates.github.io/webpack/"
-          target="_blank"
-        >
-          Docs for This Template
-        </a>
-      </li>
-    </ul>
-    <h2>Ecosystem</h2>
-    <ul>
-      <li>
-        <a
-          href="http://router.vuejs.org/"
-          target="_blank"
-        >
-          vue-router
-        </a>
-      </li>
-      <li>
-        <a
-          href="http://vuex.vuejs.org/"
-          target="_blank"
-        >
-          vuex
-        </a>
-      </li>
-      <li>
-        <a
-          href="http://vue-loader.vuejs.org/"
-          target="_blank"
-        >
-          vue-loader
-        </a>
-      </li>
-      <li>
-        <a
-          href="https://github.com/vuejs/awesome-vue"
-          target="_blank"
-        >
-          awesome-vue
-        </a>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  data () {
-    return {
-      msg: 'Welcome to Your Vue.js App'
-    }
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h1, h2 {
-  font-weight: normal;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>

package/examples/vue-cli-webpack/src/main.js

@@ -1,28 +0,0 @@
-import Vue from 'vue'
-import App from './App'
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCoffee, faChild, faCircle, faArchive } from '@fortawesome/free-solid-svg-icons'
-import { faComment } from '@fortawesome/free-regular-svg-icons'
-import { faTwitter } from '@fortawesome/free-brands-svg-icons'
-import { FontAwesomeIcon, FontAwesomeLayers, FontAwesomeLayersText } from '@fortawesome/vue-fontawesome'
-
-library.add(
-  faCoffee,
-  faChild,
-  faCircle,
-  faArchive,
-  faComment,
-  faTwitter
-)
-
-Vue.component('font-awesome-icon', FontAwesomeIcon)
-Vue.component('font-awesome-layers', FontAwesomeLayers)
-Vue.component('font-awesome-layers-text', FontAwesomeLayersText)
-
-Vue.config.productionTip = false
-
-/* eslint-disable no-new */
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/rollup.config.js

@@ -1,54 +0,0 @@
-import resolve from 'rollup-plugin-node-resolve'
-import commonJs from 'rollup-plugin-commonjs'
-import babel from 'rollup-plugin-babel'
-
-const name = 'vue-fontawesome'
-const globals = {
-  '@fortawesome/fontawesome-svg-core': 'FontAwesome'
-}
-
-export default {
-  external: [
-    '@fortawesome/fontawesome-svg-core'
-  ],
-  input: 'src/index.js',
-  output: [
-    {
-      name,
-      globals,
-      format: 'umd',
-      exports: 'named',
-      file: 'index.js',
-    },
-    {
-      name,
-      globals,
-      format: 'es',
-      file: 'index.es.js'
-    }
-  ],
-  plugins: [
-    resolve({
-      jsnext: true,
-      main: true
-    }),
-    commonJs({
-      include: 'node_modules/**'
-    }),
-    babel({
-      babelrc: false,
-      presets: [
-        ['env', {
-          debug: true,
-          targets: {"browsers": ["> 1%", "last 2 versions", "ie > 9"]},
-          modules: false
-        }],
-        'stage-3'
-      ],
-      plugins: [
-        'external-helpers'
-      ],
-      exclude: 'node_modules/**'
-    })
-  ]
-}

package/src/components/__fixtures__/helpers.js

@@ -1,40 +0,0 @@
-import Vue from 'vue/dist/vue'
-import FontAwesomeIcon from '../FontAwesomeIcon'
-import { parse } from '@fortawesome/fontawesome-svg-core'
-
-export function compileAndMount (str, params = {}) {
-  const res = Vue.compile(str)
-  const vm = new Vue({
-    ...params,
-    render: res.render,
-    staticRenderFn: res.staticRenderFn
-  })
-
-  vm.$mount()
-
-  return vm
-}
-
-export function mountFromProps (propsData = {}) {
-  const opts = {
-    render: (h) => h(
-      FontAwesomeIcon,
-      { props: propsData }
-    )
-  }
-
-  const vm = new Vue(opts)
-  vm.$mount()
-
-  return vm
-}
-
-export function coreHasFeature (feature) {
-  if (feature === REFERENCE_ICON_BY_STYLE || feature === ICON_ALIASES || feature === REFERENCE_ICON_USING_STRING) {
-    return parse.icon
-  }
-}
-
-export const REFERENCE_ICON_BY_STYLE = 0x00
-export const ICON_ALIASES = 0x01
-export const REFERENCE_ICON_USING_STRING = 0x02

package/src/components/__fixtures__/icons.js

@@ -1,35 +0,0 @@
-export const faCoffee = {
-  prefix: 'fas',
-  iconName: 'coffee',
-  icon: [
-    640,
-    512,
-    [],
-    "f001",
-    "..."
-  ]
-}
-
-export const faCircle = {
-  prefix: 'fas',
-  iconName: 'circle',
-  icon: [
-    640,
-    512,
-    [],
-    "f002",
-    "..."
-  ]
-}
-
-export const faSpartan = {
-  prefix: 'fat',
-  iconName: 'spartan',
-  icon: [
-    640,
-    512,
-    [],
-    "f100",
-    "..."
-  ]
-}