Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No icon is displayed #1

Open
Ash-Crow opened this issue Nov 10, 2020 · 0 comments
Open

No icon is displayed #1

Ash-Crow opened this issue Nov 10, 2020 · 0 comments

Comments

@Ash-Crow
Copy link

Ash-Crow commented Nov 10, 2020

Hi,
I tried to use that plugin but I cannot get an icon to be displayed...
Here is what I get from a minimalist vue project:

// App.vue

<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png" />
    <p>Here a couple icons:</p>
    <vue-remixicon name="bank" type="line" />
    <vue-remixicon name="building" type="fill" />
    <p>Above, a couple icons.</p>
  </div>
</template>

<script>
import vueRemixicon from "@katalonne/vue-remixicon";

export default {
  name: "App",
  components: {
    vueRemixicon,
  },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

Screenshot

As you can see in the Vue dev tool, the icons components are generated (and there is no error in the console), but the icons are not displayed.

Here is the full code of the project, just in case (all I did was vue create remixicon-test & cd in, yarn add @katalonne/vue-remixicon and replace the call to HelloWorld by the code above.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant