Style transformer for Vue <style scoped>
Example
use ;
use ;
let input = r#"
.example {
background: yellow;
}
"#;
let mut transformer = new;
let options = TransformOptions ;
let result = transformer.transform_style_scoped;
if let Ok = result
Style transformer for Vue <style scoped>
use lightningcss::{targets::Browsers, stylesheet::{MinifyOptions, PrinterOptions}};
use fervid_css::{Transformer, TransformOptions};
let input = r#"
.example {
background: yellow;
}
"#;
let mut transformer = Transformer::new(input, "data-v-abcd1234");
let options = TransformOptions {
parse: Default::default(),
minify: Some(MinifyOptions {
targets: Some(Browsers {
chrome: Some(100 << 16),
firefox: Some(100 << 16),
safari: Some(16 << 16),
..Default::default()
}),
..Default::default()
}),
to_css: PrinterOptions {
minify: true,
..Default::default()
},
};
let result = transformer.transform_style_scoped(options);
if let Ok(to_css_result) = result {
assert_eq!(".example[data-v-abcd1234]{background:#ff0}", to_css_result.code);
}