create-vuetify - npm Package Compare versions

Comparing version 1.0.8 to 1.1.0

package.json

 {
   "name": "create-vuetify",
-  "version": "1.0.8",
+  "version": "1.1.0",
   "main": "dist/output.cjs",
@@ -5,0 +5,0 @@ "author": "Elijah Kotyluk <[e-mail]>",

template/javascript/base/package.json

@@ -16,4 +16,3 @@ {
     "vue-router": "^4.0.0",
-    "vuetify": "^3.0.0",
-    "webfontloader": "^1.0.0"
+    "vuetify": "^3.0.0"
   },
@@ -26,4 +25,5 @@ "devDependencies": {
     "vite": "^4.2.0",
-    "vite-plugin-vuetify": "^1.0.0"
+    "vite-plugin-vuetify": "^1.0.0",
+    "unplugin-fonts": "^1.0.3"
   }
 }

template/javascript/base/README.md

@@ -14,2 +14,5 @@ # base
 pnpm install
+
+# pnpm
+bun install
 ```
@@ -28,2 +31,5 @@
 pnpm dev
+
+# bun
+bun run dev
 ```
@@ -42,2 +48,5 @@
 pnpm build
+
+# bun
+bun run build
 ```
@@ -56,2 +65,5 @@
 pnpm lint
+
+# bun
+bun run lint
 ```
@@ -58,0 +70,0 @@

template/javascript/base/src/plugins/index.js

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -14,3 +13,2 @@ import router from '../router'
 export function registerPlugins (app) {
-  loadFonts()
   app
@@ -17,0 +15,0 @@ .use(vuetify)

template/javascript/base/vite.config.js

 // Plugins
 import vue from '@vitejs/plugin-vue'
 import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+import ViteFonts from 'unplugin-fonts/vite'
 
@@ -12,3 +13,3 @@ // Utilities
   plugins: [
-    vue({ 
+    vue({
       template: { transformAssetUrls }
@@ -23,2 +24,10 @@ }),
     }),
+    ViteFonts({
+      google: {
+        families: [{
+          name: 'Roboto',
+          styles: 'wght@100;300;400;500;700;900',
+        }],
+      },
+    }),
   ],
@@ -25,0 +34,0 @@ define: { 'process.env': {} },

template/javascript/custom/router-pinia/src/plugins/index.js

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -15,3 +14,2 @@ import pinia from '../store'
 export function registerPlugins (app) {
-  loadFonts()
   app
@@ -18,0 +16,0 @@ .use(vuetify)

template/javascript/custom/router/src/plugins/index.js

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -14,3 +13,2 @@ import router from '../router'
 export function registerPlugins (app) {
-  loadFonts()
   app
@@ -17,0 +15,0 @@ .use(vuetify)

template/javascript/custom/store/src/plugins/index.js

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -14,3 +13,2 @@ import pinia from '../store'
 export function registerPlugins (app) {
-  loadFonts()
   app
@@ -17,0 +15,0 @@ .use(vuetify)

template/javascript/default/package.json

@@ -13,3 +13,2 @@ {
     "vuetify": "^3.0.0",
-    "webfontloader": "^1.0.0"
   },
@@ -19,4 +18,5 @@ "devDependencies": {
     "vite-plugin-vuetify": "^1.0.0",
-    "vite": "^4.2.0"
+    "vite": "^4.2.0",
+    "unplugin-fonts": "^1.0.3"
   }
 }

template/javascript/default/README.md

@@ -14,2 +14,5 @@ # default
 pnpm install
+
+# bun
+bun install
 ```
@@ -28,2 +31,5 @@
 pnpm dev
+
+# bun
+bun run dev
 ```
@@ -42,2 +48,5 @@
 pnpm build
+
+# bun
+bun run build
 ```
@@ -44,0 +53,0 @@

template/javascript/default/src/plugins/index.js

@@ -8,8 +8,6 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
 
 export function registerPlugins (app) {
-  loadFonts()
   app.use(vuetify)
 }

template/javascript/default/vite.config.js

 // Plugins
 import vue from '@vitejs/plugin-vue'
 import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+import ViteFonts from 'unplugin-fonts/vite'
 
@@ -12,3 +13,3 @@ // Utilities
   plugins: [
-    vue({ 
+    vue({
       template: { transformAssetUrls }
@@ -20,2 +21,10 @@ }),
     }),
+    ViteFonts({
+      google: {
+        families: [{
+          name: 'Roboto',
+          styles: 'wght@100;300;400;500;700;900',
+        }],
+      },
+    }),
   ],
@@ -22,0 +31,0 @@ define: { 'process.env': {} },

template/javascript/essentials/package.json

@@ -17,4 +17,3 @@ {
     "vue-router": "^4.0.0",
-    "vuetify": "^3.0.0",
-    "webfontloader": "^1.0.0"
+    "vuetify": "^3.0.0"
   },
@@ -27,4 +26,5 @@ "devDependencies": {
     "vite": "^4.2.0",
-    "vite-plugin-vuetify": "^1.0.0"
+    "vite-plugin-vuetify": "^1.0.0",
+    "unplugin-fonts": "^1.0.3"
   }
 }

template/javascript/essentials/README.md

@@ -14,2 +14,5 @@ # essentials
 pnpm install
+
+# bun
+bun install
 ```
@@ -28,2 +31,5 @@
 pnpm dev
+
+# bun
+bun run dev
 ```
@@ -42,2 +48,5 @@
 pnpm build
+
+# bun
+bun run build
 ```
@@ -56,2 +65,5 @@
 pnpm lint
+
+# bun
+bun run lint
 ```
@@ -58,0 +70,0 @@

template/javascript/essentials/src/plugins/index.js

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -15,3 +14,2 @@ import pinia from '../store'
 export function registerPlugins (app) {
-  loadFonts()
   app
@@ -18,0 +16,0 @@ .use(vuetify)

template/javascript/essentials/vite.config.js

 // Plugins
 import vue from '@vitejs/plugin-vue'
 import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+import ViteFonts from 'unplugin-fonts/vite'
 
@@ -12,3 +13,3 @@ // Utilities
   plugins: [
-    vue({ 
+    vue({
       template: { transformAssetUrls }
@@ -23,2 +24,10 @@ }),
     }),
+    ViteFonts({
+      google: {
+        families: [{
+          name: 'Roboto',
+          styles: 'wght@100;300;400;500;700;900',
+        }],
+      },
+    }),
   ],
@@ -25,0 +34,0 @@ define: { 'process.env': {} },

template/typescript/base/package.json

@@ -16,4 +16,3 @@ {
     "vue-router": "^4.0.0",
-    "vuetify": "^3.0.0",
-    "webfontloader": "^1.0.0"
+    "vuetify": "^3.0.0"
   },
@@ -23,3 +22,2 @@ "devDependencies": {
     "@types/node": "^18.15.0",
-    "@types/webfontloader": "^1.6.35",
     "@vitejs/plugin-vue": "^4.0.0",
@@ -33,4 +31,5 @@ "@vue/eslint-config-typescript": "^11.0.0",
     "vite-plugin-vuetify": "^1.0.0",
-    "vue-tsc": "^1.2.0"
+    "vue-tsc": "^1.2.0",
+    "unplugin-fonts": "^1.0.3"
   }
 }

template/typescript/base/README.md

@@ -14,2 +14,5 @@ # base
 pnpm install
+
+# bun
+bun install
 ```
@@ -28,2 +31,5 @@
 pnpm dev
+
+# bun
+pnpm run dev
 ```
@@ -42,2 +48,5 @@
 pnpm build
+
+# bun
+pnpm run build
 ```
@@ -56,2 +65,5 @@
 pnpm lint
+
+# bun
+pnpm run lint
 ```
@@ -58,0 +70,0 @@

template/typescript/base/src/plugins/index.ts

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -17,3 +16,2 @@ import router from '../router'
 export function registerPlugins (app: App) {
-  loadFonts()
   app
@@ -20,0 +18,0 @@ .use(vuetify)

template/typescript/base/vite.config.ts

 // Plugins
 import vue from '@vitejs/plugin-vue'
 import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+import ViteFonts from 'unplugin-fonts/vite'
 
@@ -12,3 +13,3 @@ // Utilities
   plugins: [
-    vue({ 
+    vue({
       template: { transformAssetUrls }
@@ -23,2 +24,10 @@ }),
     }),
+    ViteFonts({
+      google: {
+        families: [{
+          name: 'Roboto',
+          styles: 'wght@100;300;400;500;700;900',
+        }],
+      },
+    }),
   ],
@@ -25,0 +34,0 @@ define: { 'process.env': {} },

template/typescript/custom/router-pinia/src/plugins/index.ts

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -18,3 +17,2 @@ import pinia from '../store'
 export function registerPlugins (app: App) {
-  loadFonts()
   app
@@ -21,0 +19,0 @@ .use(vuetify)

template/typescript/custom/router/src/plugins/index.ts

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -17,3 +16,2 @@ import router from '../router'
 export function registerPlugins (app: App) {
-  loadFonts()
   app
@@ -20,0 +18,0 @@ .use(vuetify)

template/typescript/custom/store/src/plugins/index.ts

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -17,3 +16,2 @@ import pinia from '../store'
 export function registerPlugins (app: App) {
-  loadFonts()
   app
@@ -20,0 +18,0 @@ .use(vuetify)

template/typescript/default/package.json

@@ -12,4 +12,3 @@ {
     "vue": "^3.2.0",
-    "vuetify": "^3.0.0",
-    "webfontloader": "^1.0.0"
+    "vuetify": "^3.0.0"
   },
@@ -19,3 +18,2 @@ "devDependencies": {
     "@types/node": "^18.15.0",
-    "@types/webfontloader": "^1.6.35",
     "@vitejs/plugin-vue": "^4.0.0",
@@ -25,4 +23,5 @@ "typescript": "^5.0.0",
     "vite-plugin-vuetify": "^1.0.0",
-    "vue-tsc": "^1.2.0"
+    "vue-tsc": "^1.2.0",
+    "unplugin-fonts": "^1.0.3"
   }
 }

template/typescript/default/README.md

@@ -14,2 +14,5 @@ # default
 pnpm install
+
+# bun
+bun install
 ```
@@ -28,2 +31,5 @@
 pnpm dev
+
+# bun
+bun run dev
 ```
@@ -42,2 +48,5 @@
 pnpm build
+
+# bun
+bun run build
 ```
@@ -44,0 +53,0 @@

template/typescript/default/src/plugins/index.ts

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -16,4 +15,3 @@
 export function registerPlugins (app: App) {
-  loadFonts()
   app.use(vuetify)
 }

template/typescript/default/vite.config.ts

 // Plugins
 import vue from '@vitejs/plugin-vue'
 import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+import ViteFonts from 'unplugin-fonts/vite'
 
@@ -12,3 +13,3 @@ // Utilities
   plugins: [
-    vue({ 
+    vue({
       template: { transformAssetUrls }
@@ -20,2 +21,10 @@ }),
     }),
+    ViteFonts({
+      google: {
+        families: [{
+          name: 'Roboto',
+          styles: 'wght@100;300;400;500;700;900',
+        }],
+      },
+    }),
   ],
@@ -22,0 +31,0 @@ define: { 'process.env': {} },

template/typescript/essentials/package.json

@@ -17,4 +17,3 @@ {
     "vue-router": "^4.0.0",
-    "vuetify": "^3.0.0",
-    "webfontloader": "^1.0.0"
+    "vuetify": "^3.0.0"
   },
@@ -24,3 +23,2 @@ "devDependencies": {
     "@types/node": "^18.15.0",
-    "@types/webfontloader": "^1.6.35",
     "@vitejs/plugin-vue": "^4.0.0",
@@ -34,4 +32,5 @@ "@vue/eslint-config-typescript": "^11.0.0",
     "vite-plugin-vuetify": "^1.0.0",
-    "vue-tsc": "^1.2.0"
+    "vue-tsc": "^1.2.0",
+    "unplugin-fonts": "^1.0.3"
   }
 }

template/typescript/essentials/README.md

@@ -14,2 +14,5 @@ # essentials
 pnpm install
+
+# bun 
+bun install
 ```
@@ -28,2 +31,5 @@
 pnpm dev
+
+# bun 
+bun run dev
 ```
@@ -42,2 +48,5 @@
 pnpm build
+
+# bun 
+bun run build
 ```
@@ -56,2 +65,5 @@
 pnpm lint
+
+# bun 
+bun run lint
 ```
@@ -58,0 +70,0 @@

template/typescript/essentials/src/plugins/index.ts

@@ -8,3 +8,2 @@ /**
 // Plugins
-import { loadFonts } from './webfontloader'
 import vuetify from './vuetify'
@@ -18,3 +17,2 @@ import pinia from '../store'
 export function registerPlugins (app: App) {
-  loadFonts()
   app
@@ -21,0 +19,0 @@ .use(vuetify)

template/typescript/essentials/vite.config.ts

 // Plugins
 import vue from '@vitejs/plugin-vue'
 import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+import ViteFonts from 'unplugin-fonts/vite'
 
@@ -12,3 +13,3 @@ // Utilities
   plugins: [
-    vue({ 
+    vue({
       template: { transformAssetUrls }
@@ -23,2 +24,10 @@ }),
     }),
+    ViteFonts({
+      google: {
+        families: [{
+          name: 'Roboto',
+          styles: 'wght@100;300;400;500;700;900',
+        }],
+      },
+    }),
   ],
@@ -25,0 +34,0 @@ define: { 'process.env': {} },

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

232616

decreased by-0.53%

Number of package files

164

decreased by-3.53%

Lines of code

1408

decreased by-3.03%

Number of medium supply chain risk alerts

8

increased by14.29%

No dependency changes