npm - create-vuetify - Versions diffs - 1.0.0 → 1.0.2 - Mend

create-vuetify 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/template/javascript/essentials/vite.config.js ADDED Viewed

@@ -0,0 +1,39 @@
+// Plugins
+import vue from '@vitejs/plugin-vue'
+import vuetify from 'vite-plugin-vuetify'
+// Utilities
+import { defineConfig } from 'vite'
+import { fileURLToPath, URL } from 'node:url'
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
+    vuetify({
+      autoImport: true,
+      styles: {
+        configFile: 'src/styles/settings.scss',
+      },
+    }),
+  ],
+  define: { 'process.env': {} },
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    },
+    extensions: [
+      '.js',
+      '.json',
+      '.jsx',
+      '.mjs',
+      '.ts',
+      '.tsx',
+      '.vue',
+    ],
+  },
+  server: {
+    port: 3000,
+  },
+})

package/template/typescript/base/README.md ADDED Viewed

@@ -0,0 +1,57 @@
+# base
+## Project setup
+```
+# yarn
+yarn
+# npm
+npm install
+# pnpm
+pnpm install
+```
+### Compiles and hot-reloads for development
+```
+# yarn
+yarn dev
+# npm
+npm run dev
+# pnpm
+pnpm dev
+```
+### Compiles and minifies for production
+```
+# yarn
+yarn build
+# npm
+npm run build
+# pnpm
+pnpm build
+```
+### Lints and fixes files
+```
+# yarn
+yarn lint
+# npm
+npm run lint
+# pnpm
+pnpm lint
+```
+### Customize configuration
+See [Configuration Reference](https://vitejs.dev/config/).

package/template/typescript/base/_browserslistrc ADDED Viewed

@@ -0,0 +1,4 @@
+> 1%
+last 2 versions
+not dead
+not ie 11

package/template/typescript/base/_editorconfig ADDED Viewed

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

package/template/typescript/base/_eslintrc.js ADDED Viewed

@@ -0,0 +1,14 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+  ],
+  rules: {
+    'vue/multi-word-component-names': 'off',
+  },
+}

package/template/typescript/base/_gitignore ADDED Viewed

@@ -0,0 +1,22 @@
+.DS_Store
+node_modules
+/dist
+# local env files
+.env.local
+.env.*.local
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/template/typescript/base/env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/template/typescript/base/index.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Welcome to Vuetify 3</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>

package/template/typescript/base/package.json ADDED Viewed

@@ -0,0 +1,29 @@
+{
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --fix --ignore-path .gitignore"
+  },
+  "dependencies": {
+    "@mdi/font": "5.9.55",
+    "core-js": "^3.8.3",
+    "roboto-fontface": "*",
+    "vue": "^3.2.13",
+    "vue-router": "^4.0.0-0",
+    "vuetify": "^3.0.0-beta.0",
+    "webfontloader": "^1.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.0.3",
+    "@vue/eslint-config-typescript": "^11.0.0",
+    "eslint": "^8.22.0",
+    "eslint-plugin-vue": "^9.3.0",
+    "sass": "^1.55.0",
+    "typescript": "^4.0.0",
+    "vite-plugin-vuetify": "^1.0.0-alpha.12",
+    "vue-tsc": "^1.0.9"
+  }
+}

package/template/typescript/base/public/favicon.ico ADDED Viewed

Binary file

package/template/typescript/base/src/App.vue ADDED Viewed

@@ -0,0 +1,7 @@
+<template>
+  <router-view />
+</template>
+<script lang="ts" setup>
+  //
+</script>

package/template/typescript/base/src/assets/logo.png ADDED Viewed

Binary file

package/template/typescript/base/src/assets/logo.svg ADDED Viewed

@@ -0,0 +1,6 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M261.126 140.65L164.624 307.732L256.001 466L377.028 256.5L498.001 47H315.192L261.126 140.65Z" fill="#1697F6"/>
+<path d="M135.027 256.5L141.365 267.518L231.64 111.178L268.731 47H256H14L135.027 256.5Z" fill="#AEDDFF"/>
+<path d="M315.191 47C360.935 197.446 256 466 256 466L164.624 307.732L315.191 47Z" fill="#1867C0"/>
+<path d="M268.731 47C76.0026 47 141.366 267.518 141.366 267.518L268.731 47Z" fill="#7BC6FF"/>
+</svg>

package/template/typescript/base/src/components/HelloWorld.vue ADDED Viewed

@@ -0,0 +1,79 @@
+<template>
+  <v-container class="fill-height">
+    <v-responsive class="d-flex align-center text-center fill-height">
+      <v-img
+        contain
+        height="300"
+        src="src/assets/logo.svg"
+      />
+      <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
+      <h1 class="text-h2 font-weight-bold">Vuetify</h1>
+      <div class="py-14" />
+      <v-row class="d-flex align-center justify-center">
+        <v-col cols="auto">
+          <v-btn
+            href="https://next.vuetifyjs.com/components/all/"
+            min-width="164"
+            rel="noopener noreferrer"
+            target="_blank"
+            variant="text"
+          >
+            <v-icon
+              icon="mdi-view-dashboard"
+              size="large"
+              start
+            />
+            Components
+          </v-btn>
+        </v-col>
+        <v-col cols="auto">
+          <v-btn
+            color="primary"
+            href="https://next.vuetifyjs.com/introduction/why-vuetify/#feature-guides"
+            min-width="228"
+            rel="noopener noreferrer"
+            size="x-large"
+            target="_blank"
+            variant="flat"
+          >
+            <v-icon
+              icon="mdi-speedometer"
+              size="large"
+              start
+            />
+            Get Started
+          </v-btn>
+        </v-col>
+        <v-col cols="auto">
+          <v-btn
+            href="https://community.vuetifyjs.com/"
+            min-width="164"
+            rel="noopener noreferrer"
+            target="_blank"
+            variant="text"
+          >
+            <v-icon
+              icon="mdi-account-group"
+              size="large"
+              start
+            />
+            Community
+          </v-btn>
+        </v-col>
+      </v-row>
+    </v-responsive>
+  </v-container>
+</template>
+<script lang="ts" setup>
+  //
+</script>

package/template/typescript/base/src/layouts/default/AppBar.vue ADDED Viewed

@@ -0,0 +1,13 @@
+<template>
+  <v-app-bar flat>
+    <v-app-bar-title>
+      <v-icon icon="mdi-circle-slice-4" />
+      Base Preset
+    </v-app-bar-title>
+  </v-app-bar>
+</template>
+<script lang="ts" setup>
+  //
+</script>

package/template/typescript/base/src/layouts/default/Default.vue ADDED Viewed

@@ -0,0 +1,12 @@
+<template>
+  <v-app>
+    <default-bar />
+    <default-view />
+  </v-app>
+</template>
+<script lang="ts" setup>
+  import DefaultBar from './AppBar.vue'
+  import DefaultView from './View.vue'
+</script>

package/template/typescript/base/src/layouts/default/View.vue ADDED Viewed

@@ -0,0 +1,9 @@
+<template>
+  <v-main>
+    <router-view />
+  </v-main>
+</template>
+<script lang="ts" setup>
+  //
+</script>

package/template/typescript/base/src/main.ts ADDED Viewed

@@ -0,0 +1,25 @@
+/**
+ * main.ts
+ *
+ * Bootstraps Vuetify and other plugins then mounts the App`
+ */
+// Components
+import App from './App.vue'
+// Composables
+import { createApp } from 'vue'
+// Plugins
+import { registerPlugins } from '@/plugins'
+import vuetify from './plugins/vuetify'
+import router from './router'
+const app = createApp(App)
+registerPlugins(app)
+app
+  .use(vuetify)
+  .use(router)
+  .mount('#app')

package/template/typescript/base/src/plugins/index.ts ADDED Viewed

@@ -0,0 +1,11 @@
+/**
+ * plugins/index.ts
+ *
+ * Automatically included in `./src/main.ts`
+ */
+import { loadFonts } from './webfontloader'
+export function registerPlugins () {
+  loadFonts()
+}

package/template/typescript/base/src/plugins/vuetify.ts ADDED Viewed

@@ -0,0 +1,26 @@
+/**
+ * plugins/vuetify.ts
+ *
+ * Framework documentation: https://vuetifyjs.com`
+ */
+// Styles
+import '@mdi/font/css/materialdesignicons.css'
+import 'vuetify/styles'
+// Composables
+import { createVuetify } from 'vuetify'
+// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
+export default createVuetify({
+  theme: {
+    themes: {
+      light: {
+        colors: {
+          primary: '#1867C0',
+          secondary: '#5CBBF6',
+        },
+      },
+    },
+  },
+})

package/template/typescript/base/src/plugins/webfontloader.ts ADDED Viewed

@@ -0,0 +1,15 @@
+/**
+ * plugins/webfontloader.ts
+ *
+ * webfontloader documentation: https://github.com/typekit/webfontloader
+ */
+export async function loadFonts () {
+  const webFontLoader = await import(/* webpackChunkName: "webfontloader" */'webfontloader')
+  webFontLoader.load({
+    google: {
+      families: ['Roboto:100,300,400,500,700,900&display=swap'],
+    },
+  })
+}

package/template/typescript/base/src/router/index.ts ADDED Viewed

@@ -0,0 +1,26 @@
+// Composables
+import { createRouter, createWebHistory } from 'vue-router'
+const routes = [
+  {
+    path: '/',
+    component: () => import('@/layouts/default/Default.vue'),
+    children: [
+      {
+        path: '',
+        name: 'Home',
+        // route level code-splitting
+        // this generates a separate chunk (about.[hash].js) for this route
+        // which is lazy-loaded when the route is visited.
+        component: () => import(/* webpackChunkName: "home" */ '@/views/Home.vue'),
+      },
+    ],
+  },
+]
+const router = createRouter({
+  history: createWebHistory(process.env.BASE_URL),
+  routes,
+})
+export default router

package/template/typescript/base/src/styles/settings.scss ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ * src/styles/settings.scss
+ *
+ * Configures SASS variables and Vuetify overwrites
+ */
+// https://next.vuetifyjs.com/features/sass-variables/`
+// @use 'vuetify' with (
+//   $color-pack: false
+// );

package/template/typescript/base/src/views/Home.vue ADDED Viewed

@@ -0,0 +1,7 @@
+<template>
+  <HelloWorld />
+</template>
+<script lang="ts" setup>
+  import HelloWorld from '@/components/HelloWorld.vue'
+</script>

package/template/typescript/base/tsconfig.json ADDED Viewed

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "allowSyntheticDefaultImports": true,
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": false,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "lib": ["esnext", "dom"],
+    "types": ["vuetify"],
+    "paths": {
+      "@/*": ["src/*"]
+    },
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "vite.config.ts"
+  ]
+}

package/template/typescript/base/vite.config.ts ADDED Viewed

@@ -0,0 +1,39 @@
+// Plugins
+import vue from '@vitejs/plugin-vue'
+import vuetify from 'vite-plugin-vuetify'
+// Utilities
+import { defineConfig } from 'vite'
+import { fileURLToPath, URL } from 'node:url'
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vite-plugin
+    vuetify({
+      autoImport: true,
+      styles: {
+        configFile: 'src/styles/settings.scss',
+      },
+    }),
+  ],
+  define: { 'process.env': {} },
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    },
+    extensions: [
+      '.js',
+      '.json',
+      '.jsx',
+      '.mjs',
+      '.ts',
+      '.tsx',
+      '.vue',
+    ],
+  },
+  server: {
+    port: 3000,
+  },
+})

package/template/typescript/default/README.md ADDED Viewed

@@ -0,0 +1,44 @@
+# default
+## Project setup
+```
+# yarn
+yarn
+# npm
+npm install
+# pnpm
+pnpm install
+```
+### Compiles and hot-reloads for development
+```
+# yarn
+yarn dev
+# npm
+npm run dev
+# pnpm
+pnpm dev
+```
+### Compiles and minifies for production
+```
+# yarn
+yarn build
+# npm
+npm run build
+# pnpm
+pnpm build
+```
+### Customize configuration
+See [Configuration Reference](https://vitejs.dev/config/).

package/template/typescript/default/_browserslistrc ADDED Viewed

@@ -0,0 +1,4 @@
+> 1%
+last 2 versions
+not dead
+not ie 11

package/template/typescript/default/_editorconfig ADDED Viewed

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

package/template/typescript/default/_gitignore ADDED Viewed

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+# local env files
+.env.local
+.env.*.local
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/template/typescript/default/env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/template/typescript/default/index.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vuetify 3</title>
+</head>
+<body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+</body>
+</html>

package/template/typescript/default/package.json ADDED Viewed

@@ -0,0 +1,22 @@
+{
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@mdi/font": "5.9.55",
+    "roboto-fontface": "*",
+    "vue": "^3.2.38",
+    "vuetify": "^3.0.0-beta.0",
+    "webfontloader": "^1.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.0.3",
+    "typescript": "^4.0.0",
+    "vite": "^3.0.9",
+    "vite-plugin-vuetify": "^1.0.0-alpha.12",
+    "vue-tsc": "^1.0.9"
+  }
+}

package/template/typescript/default/public/favicon.ico ADDED Viewed

Binary file

package/template/typescript/default/src/App.vue ADDED Viewed

@@ -0,0 +1,11 @@
+<template>
+  <v-app>
+    <v-main>
+      <HelloWorld />
+    </v-main>
+  </v-app>
+</template>
+<script setup lang="ts">
+  import HelloWorld from '@/components/HelloWorld.vue'
+</script>