refactor: migrate theme system to @vuetify/v0

packages/vuetify/package.json

@@ -140,7 +140,7 @@
     "lint:fix": "concurrently -n \"tsc,eslint\" \"tsgo -p tsconfig.checks.json --noEmit --pretty\" \"eslint --fix src\""
   },
   "dependencies": {
-    "@vuetify/v0": "^0.1.5"
+    "@vuetify/v0": "^0.2.0"
   },
   "devDependencies": {
     "@date-io/core": "3.2.0",

packages/vuetify/src/components/VThemeProvider/VThemeProvider.tsx

@@ -1,6 +1,9 @@
 // Styles
 import './VThemeProvider.sass'
 
+// Components
+import { Theme } from '@vuetify/v0/components'
+
 // Composables
 import { makeComponentProps } from '@/composables/component'
 import { makeTagProps } from '@/composables/tag'
@@ -26,19 +29,27 @@ export const VThemeProvider = genericComponent()({
     const { themeClasses } = provideTheme(props)
 
     return () => {
-      if (!props.withBackground) return slots.default?.()
+      if (!props.withBackground) {
+        return (
+          <Theme theme={ props.theme } renderless>
+            { slots.default?.() }
+          </Theme>
+        )
+      }
 
       return (
-        <props.tag
-          class={[
-            'v-theme-provider',
-            themeClasses.value,
-            props.class,
-          ]}
-          style={ props.style }
-        >
-          { slots.default?.() }
-        </props.tag>
+        <Theme theme={ props.theme } renderless>
+          <props.tag
+            class={[
+              'v-theme-provider',
+              themeClasses.value,
+              props.class,
+            ]}
+            style={ props.style }
+          >
+            { slots.default?.() }
+          </props.tag>
+        </Theme>
       )
     }
   },