Nathan Chase

> I'm using this inside of a vue directive to try and fix text to it's container, however it does not seem to actually do anything except set the font...

My workaround to get precaching to not occur was to simply remove `start_url` entirely in my manifest by explicitly setting to an empty string. Not `'/'`, not removing the line...

See this Codesandbox for an example of how using the arrow will result in not having access to `this`: https://codesandbox.io/s/ly0mlmknx7

> Is not [no-invalid-this](https://eslint.org/docs/rules/no-invalid-this) rule enough? Perhaps to solve the 'this' issue specifically, but additionally having a rule that defines how the top-level instance options (data, components, methods, head, etc.)...

> @ThornWalli Can we separate the `SpeedkitXXX` components from this plugin? so we can use them in combination and let the Speedkit plugin adapt to Nuxt 3 without waiting for...

Yes, please! I use min-width media queries and this doesn't support that: I have the following breakpoints: ``` @custom-media --larger-than-skyscraper (min-width: 160px); @custom-media --larger-than-iphone-se (min-width: 374px); @custom-media --larger-than-mobile (min-width: 414px);...

@flyingL123 No, because my design is built around the breakpoints being "larger than" a certain size, not "less than" a certain size.

That doesn't work because I need the change (show/hide of a component) to happen exactly at the minimum width, not at the last pixel before the next breakpoint.

Decided to switch libraries to the much more full-featured [https://github.com/reegodev/vue-screen](https://github.com/reegodev/vue-screen) instead. Cheers.

Well, vue-screen also causes SSR/client hydration errors (Using Nuxt), so now I don't know what to do. Stuck trying to come up with an implementation that works, but nothing exists.