I have successfully imported my Vue(Vueitfy) application in of my Wordpress website page. The problem i have is that it does not look or work the same as it does locally and when i upload it to my Wordpress page. Mostly the layout is different with some basic functionality that is not working as it should. What am i missing? How can i solve this? Could it also be with how i build my application using my webpack settings(i am super weak with webpack)
Here is an image showing the difference locally and in Wordpress:
The checkmark icons are different which suggested to me that its getting it from some global style variables from wordpress? I will post my webpack settings just incase somebody sees something that i dont. If you need any additional information please let me know and i will try to help you as fast as possible.
module.exports = {
module: {
rules: [
{
test: /\.s(c|a)ss$/,
use: [
'vue-style-loader',
'css-loader',
{
loader: 'sass-loader',
// Requires sass-loader@^7.0.0
options: {
implementation: require('sass'),
indentedSyntax: true // optional
},
// Requires sass-loader@^8.0.0
options: {
implementation: require('sass'),
sassOptions: {
indentedSyntax: true // optional
},
},
},
],
},
],
}
}