fix: ensure correct styles are excluded from scoping

For some reason the styles.css file wasn't excluded from scoping. This should ensure it is.

Author: iisakkirotko

js/postcss.config.js

@@ -7,8 +7,8 @@ module.exports = (ctx) => {
       remove: false,
     }),
   ];
-  // There are styles that should be global in styles.css, so we skip it
-  if (!ctx.file.endsWith("ipyvuetify/js/lib/styles.css")) {
+  // There are styles that should be global in ipyvuetify-styles.css, so we skip it
+  if (!ctx.file.endsWith("ipyvuetify-styles.css")) {
     plugins.push(
       scopify({
         scope: ":where(.vuetify-styles)",

js/src/index.js

@@ -1,7 +1,7 @@
 import "typeface-roboto";
 import "material-design-icons-iconfont/dist/material-design-icons.css";
 import "@mdi/font/css/materialdesignicons.css";
-import "./styles.css";
+import "./ipyvuetify-styles.css";
 import * as Vue from "vue";
 import * as Vuetify from "vuetify";
 

js/src/styles.css js/src/ipyvuetify-styles.cssjs/src/styles.css renamed to js/src/ipyvuetify-styles.css

@@ -1,4 +1,4 @@
-import "./styles.css";
+import "./ipyvuetify-styles.css";
 
 export { VuetifyView } from "./VuetifyView";
 export * from "./Widgets";