michalsnik / vue-content-placeholders Goto Github PK

View Code? Open in Web Editor NEW

1.6K 11.0 87.0 11 KB

Composable components for rendering fake (progressive) content like facebook in vue

License: MIT License

JavaScript 46.38% Vue 20.63% CSS 32.99%

lazy-loading progressive-rendering loader fake-content skeleton vue vue-components

vue-content-placeholders's People

Contributors

Stargazers

Watchers

Forkers

athiwatp w3ss rubythonode folkevil py389172739 vue-mk arifpavel jonathanramier j3ts libin1991 hogle-vue trendingtechnology bluebaytravel btcltc fanwanxuan captain-s wwb568109135 yuanhang3260 spiersz radzikowski michaelnos bclonan nodewebzsz ubi-mirrors chunyu-zhou kaiyulee tksumanth1994 dorgelesnzi marwein vue-plugins hagi4u yt1314 iqbalaqaba parselife hhjay bule-sky ironmansuper mgakif ravitejagadde lensgcx josemalcher ttskp samaras2018 hhy5277 yuaoi meshachjackson iampcfox willy2kle2 phlegx fa-haxiki oldsixli sandmanman mary-tyler-moore xkh pccbo-fe rickymaciel authanram chenggang321 yosoysergio juleide tinhhandsome bluepeople1 leonelhrp fanqi pratchayadev leereichardt okibayu lcllge farhanistic harrytran998 glimow dongdongjie liyumingben qwe104 deadman962011 jasonstealer bloodtianguo prakash-nc ronanki-vxceed wayneyen musa-abdalwahed aimdreamboy phillt codeperl frwill knogobert sermonis

vue-content-placeholders's Issues

CSS Fails in Scoped SCSS

My app was using scoped scss which was failing to render CSS for the component.

<style lang="scss" scoped>
</style>

I had to create an unscoped one and copy SCSS codes into there to make it working.

<style lang="scss">
</style>

Safari looks different

The component is great, but in safari it shows different, is it a bug?

Change the color of the placeholder?

Is this possible to change the color of the placeholder? I would like to use it in the dark more with more dark color?

in dev mode getting: did you register the component correctly

Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

content-placeholders component only renders the first sub-component

Maybe this is something I'm doing wrong (I'm not too flash at JS), but the content-placeholders component seems to be only displaying the first sub-component. I've popped together a teeny app showing this here : https://github.com/ok200paul/placeholder-issue.

What am I doing wrong? :)

import VueContentPlaceholders from 'vue-content-placeholders'
Vue.use(VueContentPlaceholders)

into my main.js of vue-cli webpack template with postcss, webpack shows me the following error:

app_1    | 20:28:59 webpack.1 | > Starting dev server...
app_1    | 20:29:25 webpack.1 |  ERROR  Failed to compile with 1 errors20:29:25
app_1    | 20:29:25 webpack.1 |
app_1    | 20:29:25 webpack.1 |  error  in ./~/vue-content-placeholders/dist/vue-content-placeholders.css
app_1    | 20:29:25 webpack.1 |
app_1    | 20:29:25 webpack.1 | Module build failed: Syntax Error
app_1    | 20:29:25 webpack.1 |
app_1    | 20:29:25 webpack.1 | (5:1) Unknown word
app_1    | 20:29:25 webpack.1 |
app_1    | 20:29:25 webpack.1 |   3 | // load the styles
app_1    | 20:29:25 webpack.1 |   4 | var content = require("!!../../css-loader/index.js??ref--8-1!./vue-content-placeholders.css");
app_1    | 20:29:25 webpack.1 | > 5 | if(typeof content === 'string') content = [[module.id, content, '']];
app_1    | 20:29:25 webpack.1 |     | ^
app_1    | 20:29:25 webpack.1 |   6 | if(content.locals) module.exports = content.locals;
app_1    | 20:29:25 webpack.1 |   7 | // add the styles to the DOM
app_1    | 20:29:25 webpack.1 |
app_1    | 20:29:25 webpack.1 |
app_1    | 20:29:25 webpack.1 |  @ ./~/vue-content-placeholders/index.js 3:0-44
app_1    | 20:29:25 webpack.1 |  @ ./src/main.js
app_1    | 20:29:25 webpack.1 |  @ multi ./build/dev-client ./src/main.js
app_1    | 20:29:25 webpack.1 |
app_1    | 20:29:25 webpack.1 | > Listening at http://localhost:8080