-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #36 from SpiriitLabs/dev
Version 2.2.0
- Loading branch information
Showing
35 changed files
with
5,075 additions
and
532 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| # Nuxt dev/build outputs | ||
| .output | ||
| .data | ||
| .nuxt | ||
| .nitro | ||
| .cache | ||
| dist | ||
|
|
||
| # Node dependencies | ||
| node_modules | ||
|
|
||
| # Logs | ||
| logs | ||
| *.log | ||
|
|
||
| # Misc | ||
| .DS_Store | ||
| .fleet | ||
| .idea | ||
|
|
||
| # Local env files | ||
| .env | ||
| .env.* | ||
| !.env.example |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| shamefully-hoist=true |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,75 @@ | ||
| # Nuxt 3 Minimal Starter | ||
|
|
||
| Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more. | ||
|
|
||
| ## Setup | ||
|
|
||
| Make sure to install the dependencies: | ||
|
|
||
| ```bash | ||
| # npm | ||
| npm install | ||
|
|
||
| # pnpm | ||
| pnpm install | ||
|
|
||
| # yarn | ||
| yarn install | ||
|
|
||
| # bun | ||
| bun install | ||
| ``` | ||
|
|
||
| ## Development Server | ||
|
|
||
| Start the development server on `http://localhost:3000`: | ||
|
|
||
| ```bash | ||
| # npm | ||
| npm run dev | ||
|
|
||
| # pnpm | ||
| pnpm run dev | ||
|
|
||
| # yarn | ||
| yarn dev | ||
|
|
||
| # bun | ||
| bun run dev | ||
| ``` | ||
|
|
||
| ## Production | ||
|
|
||
| Build the application for production: | ||
|
|
||
| ```bash | ||
| # npm | ||
| npm run build | ||
|
|
||
| # pnpm | ||
| pnpm run build | ||
|
|
||
| # yarn | ||
| yarn build | ||
|
|
||
| # bun | ||
| bun run build | ||
| ``` | ||
|
|
||
| Locally preview production build: | ||
|
|
||
| ```bash | ||
| # npm | ||
| npm run preview | ||
|
|
||
| # pnpm | ||
| pnpm run preview | ||
|
|
||
| # yarn | ||
| yarn preview | ||
|
|
||
| # bun | ||
| bun run preview | ||
| ``` | ||
|
|
||
| Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| <script setup lang="ts"> | ||
| import SpiriitView from 'assets/icons/spiriit.svg?view' | ||
| import SpiriitUse from 'assets/icons/spiriit.svg?use' | ||
| import ViteView from 'assets/icons/vite.svg?view' | ||
| import ViteUse from 'assets/icons/vite.svg?use' | ||
| </script> | ||
|
|
||
| <template> | ||
| <h1>Vite Plugin SVG Spritemap Demo with VueJS</h1> | ||
|
|
||
| <p>This is a demo of the Vite Plugin SVG Spritemap working with VueJS component.</p> | ||
|
|
||
| <div class="example"> | ||
| <h2>Spritemap with <use> via Vue component</h2> | ||
|
|
||
| <div class="example__svgs"> | ||
| <SpiriitUse> | ||
| <title>My superb logo</title> | ||
| </SpiriitUse> | ||
| <ViteUse /> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="example"> | ||
| <h2>Spritemap with <img> (fragments) via Vue component</h2> | ||
|
|
||
| <div class="example__svgs"> | ||
| <SpiriitView /> | ||
| <ViteView /> | ||
| </div> | ||
| </div> | ||
| </template> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,54 @@ | ||
| body { | ||
| background-color: #ddd; | ||
| margin: 10vw; | ||
| font-family: Avenir, Helvetica, Arial, sans-serif; | ||
| -webkit-font-smoothing: antialiased; | ||
| -moz-osx-font-smoothing: grayscale; | ||
| } | ||
|
|
||
| //color rainbow gradient animation keyframes | ||
| @keyframes rainbow { | ||
| from { | ||
| color: #ff0000; | ||
| } | ||
| to { | ||
| color: #ff9500; | ||
| } | ||
| } | ||
|
|
||
| //color rainbow gradient animation keyframes | ||
| @keyframes rainbow-bg { | ||
| from { | ||
| background-color: #ff0000; | ||
| } | ||
| to { | ||
| background-color: #ff9500; | ||
| } | ||
| } | ||
|
|
||
| .icon { | ||
| margin: 0.5rem; | ||
|
|
||
| &-vite { | ||
| animation: rainbow infinite 1s alternate; | ||
| } | ||
| } | ||
|
|
||
| h1 { | ||
| font-size: 2.5rem; | ||
| margin-bottom: 1rem; | ||
| } | ||
|
|
||
| h2 { | ||
| margin-top: 0; | ||
| } | ||
|
|
||
| .example { | ||
| margin-top: 4rem; | ||
|
|
||
| &__svgs { | ||
| display: flex; | ||
| align-items: center; | ||
| margin: -0.5rem; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| // https://nuxt.com/docs/api/configuration/nuxt-config | ||
| import VitePluginSvgSpritemap from '@spiriit/vite-plugin-svg-spritemap' | ||
|
|
||
| export default defineNuxtConfig({ | ||
| devtools: { enabled: true }, | ||
| vite: { | ||
| plugins: [ | ||
| VitePluginSvgSpritemap('./assets/icons/*.svg'), | ||
| ], | ||
| }, | ||
| css: ['@/assets/style.scss'], | ||
|
|
||
| }) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| { | ||
| "name": "nuxt-app", | ||
| "type": "module", | ||
| "private": true, | ||
| "scripts": { | ||
| "build": "nuxt build", | ||
| "dev": "nuxt dev", | ||
| "generate": "nuxt generate", | ||
| "preview": "nuxt preview" | ||
| }, | ||
| "devDependencies": { | ||
| "@spiriit/vite-plugin-svg-spritemap": "workspace:*", | ||
| "nuxt": "^3.9.1", | ||
| "sass": "^1.69.7", | ||
| "vue": "^3.4.7", | ||
| "vue-router": "^4.2.5" | ||
| } | ||
| } |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| { | ||
| "extends": "../.nuxt/tsconfig.server.json" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| { | ||
| // https://nuxt.com/docs/guide/concepts/typescript | ||
| "extends": "./.nuxt/tsconfig.json" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| /// <reference types="@spiriit/vite-plugin-svg-spritemap/dist/client" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.